1. घर
  2. सवाल और जवाब
  3. JQuery: ऑब्जेक्ट को ऐसे तरीके से छुपाएं जो .fadeIn() को

JQuery: ऑब्जेक्ट को ऐसे तरीके से छुपाएं जो .fadeIn() को

2010-09-18 6 views
6

पर काम करने की अनुमति देता है मेरे पास एक ऑब्जेक्ट है जिसे मैं छिपाना शुरू करना चाहता हूं। मैंने एक समय में इन शैलियों में से प्रत्येक का उपयोग करने की कोशिश की है। मेरे पास उन्हें एक कक्षा में है, इनलाइन शैलियों के रूप में नहीं।JQuery: ऑब्जेक्ट को ऐसे तरीके से छुपाएं जो .fadeIn() को

display:none;

और

opacity:0;filter:alpha(opacity=0);

अब, इन दोनों स्पष्ट रूप से काम किया, वस्तुओं छिपा लोड। मुद्दा यह है कि जब मैं इनका उपयोग करता हूं, JQuery .fadeIn() फ़ंक्शन काम नहीं करता है। असल में, जब मैं अस्पष्टता को .5 (50) पर सेट करता हूं, तो फीड केवल फीड में .5 (50) में फीका होता है।

तो मैं ऑब्जेक्ट को डिफ़ॉल्ट कैसे कर सकता हूं जिससे .fadeIn() फ़ंक्शन काम करने की अनुमति देगा?

धन्यवाद!

स्रोत

2010-09-18 Nate

+2

यदि आप केवल का उपयोग में jQuery की अस्पष्टता बात में कुछ बग था 'प्रदर्शन: none'' fadein() 'काम करना चाहिए। यहां एक उदाहरण दिया गया है: http://jsfiddle.net/n7FzR/1/ – user113716

+0

क्या आप वाकई उन शैलियों को संलग्न करने वाले तत्व के बच्चे को 'fadeIn' करने का प्रयास नहीं कर रहे हैं? –

उत्तर

8

हाय काम कर संस्करण

एचटीएमएल

<html> 
    <body> 
     <p>test</p> 
    </body> 
</html>

jQuery

$(document).ready(function() { 
$('p').fadeTo('slow', 1, function() { 
     // Animation complete. 
    }); 
});

सीएसएस

p{ 
    display:none; 
    opacity:0.0; 
    filter:alpha(opacity=0); 
} 
​

लाइव डेमो

साथ कोड है

http://jsfiddle.net/2p2v4/

स्रोत

2010-09-18 01:04:59

+0

बहुत बहुत धन्यवाद सर – Nate

+0

अपने लेआउट के आधार पर, आप 'डिस्प्ले: none;' से शुरू नहीं करना चाहेंगे, और सौभाग्य से यह इसके बिना काम करता है। –

2

आप कर सकते हैं का उपयोग नीचे लिखा या बस पृष्ठ के तल पर अपने कोड जोड़ने

.fadeInOnLoad 
{ 
    display:none; 
} 

     <div class="fadeInOnLoad">iam visible after page is loaded</div> 

     jQuery(function(){ 
      // your fade in code, call it after dom is ready 
      jQuery('.fadeInOnLoad').fadeIn(); 
     });

मुझे लगता है कि तुम्हारी समस्या

  • आप से पहले में फीका बुला रहे हैं है डोम तत्व ब्राउज़र में बनाए जाते हैं

  • या jQuery का उपयोग करना , दृश्य स्टूडियो संस्करण, के रूप में मुझे याद वहाँ दृश्य स्टूडियो संस्करण

स्रोत

2010-09-18 05:56:43

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

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