दिलचस्प पोस्ट
लंबी और पूर्णांक डेटा प्रकारों के बीच का अंतर एक ग्रहण एंड्रॉइड प्रोजेक्ट को लाइब्रेरी / जार जोड़ना Jquery बाइंड डबल क्लिक करें और एकल क्लिक अलग से पायथन में `<>` क्या मतलब है? सी # में XSLT स्टाइलशीट कैसे लागू करें LINQ ऑर्डरबाई डेस्डिंग क्वेरी प्रत्येक पत्रक को कार्यपुस्तिका में सीएसवी फ़ाइलों को अलग करने के लिए सहेजें स्ट्रिंग से फ़्लोटिंग नंबर कैसे निकालना है एंड्रॉइड के लिए वैध मान: फॉन्टफैमिली और वे क्या मैप करते हैं? Excel-VBA में SQL डेटाबेस तक पहुंच यदि इनपुट टैग का कोई नाम नहीं है, तो फॉर्म डेटा अभी भी स्थानांतरित हो जाता है? आप WideCharToMultiByte का उचित उपयोग कैसे करते हैं Gui टूलकिट, जो मुझे इस्तेमाल करना चाहिए? एंड्रॉइड ब्राउज़र या वेबविवे के अंदर का पता लगाएं jQuery डिफर्ड – खत्म करने के लिए एकाधिक AJAX अनुरोधों की प्रतीक्षा कर रहा है

प्रभाव के साथ एपेंड का उपयोग jQuery

मैं कैसे उपयोग कर सकता हूं। .append() जैसे show('slow') प्रभावों के साथ।

append पर प्रभाव होने पर बिल्कुल काम नहीं होता है, और यह सामान्य show() के समान परिणाम देता है। कोई संक्रमण नहीं, कोई एनिमेशन नहीं

मैं एक div को दूसरे में कैसे जोड़ सकता हूं, और उस पर एक slideDown या show('slow') प्रभाव पड़ता है?

वेब के समाधान से एकत्रित समाधान "प्रभाव के साथ एपेंड का उपयोग jQuery"

संलग्नक पर प्रभाव होने पर काम नहीं चलेगा क्योंकि सामग्री को ब्राउज़र डिस्प्ले अपडेट किया जाता है जैसे कि डिवेल संलग्न होता है। इसलिए, मार्क बी और स्टीयरपिक के उत्तर को संयोजित करने के लिए:

जिस शैली को आप वास्तव में इसे संलग्न करने से पहले छुपाए गए हैं, उस प्रकार की शैली को जोड़ें आप इसे इनलाइन या बाहरी सीएसएस स्क्रिप्ट के साथ कर सकते हैं, या सिर्फ div को इस रूप में बना सकते हैं

 <div id="new_div" style="display: none;"> ... </div> 

उसके बाद आप अपने अपेंड ( डेमो ) पर चेन प्रभाव कर सकते हैं:

 $('#new_div').appendTo('#original_div').show('slow'); 

या ( डेमो ):

 var $new = $('#new_div'); $('#original_div').append($new); $new.show('slow'); 

सार यह है:

  1. आप माता-पिता पर 'ऐपेंड' कह रहे हैं
  2. लेकिन आप नए बच्चे पर 'शो' को कॉल करना चाहते हैं

यह मेरे लिए काम करता है:

 var new_item = $('<p>hello</p>').hide(); parent.append(new_item); new_item.show('normal'); 

या:

 $('<p>hello</p>').hide().appendTo(parent).show('normal'); 

एक अन्य तरीका जब आने वाले डेटा के साथ काम करना (जैसे कि एजेक्स कॉल से):

 var new_div = $(data).hide(); $('#old_div').append(new_div); new_div.slideDown(); 

कुछ इस तरह:

 $('#test').append('<div id="newdiv">Hello</div>').hide().show('slow'); 

यह करना चाहिए?

संपादित करें: क्षमा करें, कोड में गलती और बोर्ड पर मैट का सुझाव भी ले लिया।

जब आप डिवि में जोड़ते हैं, उसे छिपाने और इसे तर्क "slow" साथ दिखाते हैं

 $("#img_container").append(first_div).hide().show('slow'); 

सीएसएस visibility:hidden माध्यम से शुरू में छिपे जाने के लिए संलग्न डीडी सेट करें visibility:hidden

मुझे एक ऐसी ही तरह की समाधान की जरूरत थी, फेसबुक की तरह दीवार पर डेटा जोड़ना चाहते थे, पोस्ट करते समय, शीर्ष पर नवीनतम पोस्ट जोड़ने के लिए prepend() का उपयोग करें, सोचा कि दूसरों के लिए उपयोगी हो सकता है ..

 $("#statusupdate").submit( function () { $.post( 'ajax.php', $(this).serialize(), function(data){ $("#box").prepend($(data).fadeIn('slow')); $("#status").val(''); } ); event.preventDefault(); }); 

ajax.php में कोड है

 if (isset($_POST)) { $feed = $_POST['feed']; echo "<p id=\"result\" style=\"width:200px;height:50px;background-color:lightgray;display:none;\">$feed</p>"; } 

आप बस छिपाने क्यों नहीं करते, संलग्न करें, फिर दिखाएं, इस तरह:

 <div id="parent1" style=" width: 300px; height: 300px; background-color: yellow;"> <div id="child" style=" width: 100px; height: 100px; background-color: red;"></div> </div> <div id="parent2" style=" width: 300px; height: 300px; background-color: green;"> </div> <input id="mybutton" type="button" value="move"> <script> $("#mybutton").click(function(){ $('#child').hide(1000, function(){ $('#parent2').append($('#child')); $('#child').show(1000); }); }); </script> 

यदि आप एनीमेशन का उपयोग करते हैं, तो चिकनी दिखाना संभव है शैली में बस "एनीमेशन: शो 1 एस" जोड़ें और पूरे उपस्थिति कीफ्रेम में लिपटे।

मेरे मामले में:

 $("div.which-stores-content").append("<div class="content">Content</div>); $("div.content").hide().show("fast"); 

आप दृश्यता के साथ अपनी सीएसएस समायोजित कर सकते हैं: छिपा हुआ -> दृश्यता: दृश्यमान और बदलाव आदि संक्रमण समायोजित: दृश्यता 1.0s;