2010-11-03 14 views
8

मुझे लगता है कि यह बहुत ही बुनियादी चीजों में आने वाला है लेकिन मैं jquery की अद्भुत दुनिया में नया हूं।Jquery प्रतिस्थापन के साथ - फेडआउट/फेडेन

यहाँ मेरा सरल काम कर कोड के स्थान पर:

<div>yes yes </div> 
<script>$('div').replaceWith('<span>no no</span>');</script> 

क्या मैं प्राप्त करने के लिए कोशिश कर रहा हूँ से बाहर फीका "हाँ हाँ" div तो नए "कोई नहीं" सी अवधि में नहीं हो पाती है

कोई भी विचार लोग ?

उत्तर

15
$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); }); 

उपयोग कॉलबैक कार्यक्षमता fadeOut

+0

वाह अच्छा! , क्या मैं .text ('नो नो') के भीतर एचटीएमएल का उपयोग नहीं कर सकता? – Webby

+0

आपको .text ('no no') बदलना चाहिए; । एचटीएमएल ('नो नो'); और इसके भीतर एचटीएमएल डाल दिया। वह है जहां .text और .html के लिए हैं। – DoXicK

+0

मुझे आपका प्रश्न नहीं मिलता है, लेकिन यदि आप एचटीएमएल का उपयोग करना चाहते हैं तो टेक्स्ट() के बजाय .html (' no no') का उपयोग करें। – ifaour

1
$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); }); 

मैं FadeTo साथ DoXicK के सुझाव बस थोड़ा और आगे काफ़ी होगा प्रदान करता है। मैंने उस एचटीएमएल फ़ंक्शन को भी शामिल किया जिस पर आप चर्चा कर रहे थे। मैं फीका पसंद करता हूं क्योंकि यह आपको थोड़ा लचीलापन देता है और कुछ अवांछित व्यवहार से बचाता है यदि स्टॉप() फ़ंक्शन खेल में समाप्त होता है। उल्लेख नहीं है कि आप जो भी प्रतिशत पसंद करते हैं उसे फीका कर सकते हैं।

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^