2010-12-08 13 views
10

मेरे सीएसएस में मैंने कुछ तत्वों को देखा है: छुपा, मैं उन्हें कैसे दिखा सकता हूं?jQuery: अगर मेरी सीएसएस दृश्यता: छुपा, मैं अपने तत्व कैसे दिखा सकता हूं?

मैं अस्पष्टता के साथ होने से पहले ही किया है, लेकिन मैं IE में कुछ बग है:

var i = 0; 
$mySelection.each(function(i) { 
    $(this).delay((i * 100) + ($mySelection.length)).animate(
     { opacity: "1"}, 
     {queue:true, duration:1000, easing:"quartEaseIn"} 
    ); 
}) 

मैं कैसे कर सकते हैं अगर मैं बजाय jQuery अस्पष्टता के साथ नियंत्रण दृश्यता चाहते हैं? धन्यवाद

+0

आप हमें कि क्या आप आप क्या जरूरत है पर एक अद्यतन देता कर सकते हैं? यदि नहीं, तो क्या आप हमें अधिक जानकारी दे सकते हैं? – cspolton

उत्तर

-3
$(':hidden').show(); 

मुझे आशा है कि इस मदद करता है और मुझे आशा है कि मैं अपने प्रश्न :) समझा http://api.jquery.com/show/

-3

बल्कि visibility: hidden का उपयोग करने से

$mySelection.show(); 
+2

काम नहीं करता है; jQuery शो() सेट 'डिस्प्ले' सीएसएस संपत्ति, 'दृश्यता' को प्रभावित नहीं करता है। –

3

प्रयास करें, display:none उपयोग करते हैं, तो आप फीका करने के लिए चाहते हैं, तो अपने छिपे तत्व में fadeIn का उपयोग करें। उदाहरण के लिए:

$("div:hidden").fadeIn("slow"); 

संपादित करें: यह देखते हुए कि आप दृश्यता का उपयोग करना चाहते, इस प्रयास करें:

var i = 0; 
$mySelection.each(function(i) { 
    $(this).delay((i * 100) + ($mySelection.length)).css(
     { 'opacity': '0', 'visibility': 'visible'}).animate(
      { opacity: "1"}, 
      {queue:true, duration:1000, easing:"quartEaseIn"}); 
}); 
+3

वह 'प्रदर्शन' पर क्यों स्विच करना चाहिए? 'दृश्यता' पूरी तरह से अलग व्यवहार करता है। – jwueller

+0

मैंने इसे एनीमेशन को सरल बनाने के विकल्प के रूप में प्रस्तुत किया। यह समझें कि 'डिस्प्ले: कोई भी' तत्व को छिपाने के बजाए पूरी तरह से देखने से तत्व को हटा देता है। – cspolton

+0

दृश्यता उपयोग (प्रश्न का विषय) अलग-अलग उद्देश्यों के साथ है। – Genaut

2

मैं jQuery के साथ सीएसएस दृश्यता विशेषता बदलने के लिए इस कोड का इस्तेमाल किया। जहां होवर पर element1 तत्व 2 की दृश्यता बदल जाएगा।

माउसओवर-माउसलेव प्रभाव देने के लिए एक ही तत्व के लिए दो अलग-अलग स्क्रिप्ट थी।

<script>$(document).ready(function(){ 
$(".element1").mouseover(function(){ 
    $(".element2").css("visibility","visible"); 
}); 

});

  <script>$(document).ready(function(){ 
$(".element1").mouseleave (function(){ 
    $(".element2").css("visibility","hidden"); 
}); 

});

नोट- वह एलिमेंट 2 जिस पर सीएसएस प्रभावित होता है, मूल रूप से छिपा हुआ है। इसलिए जब माउस Element1 से अधिक हो, Element2 दिखाता है। जब माउस तत्व 1 छोड़ देता है, एलिमेंट 2 फिर से छुपाता है। आशा है कि यह मदद करता है

-Expiriance इस कोड reaserching और ढेर अतिप्रवाह में उपयोगकर्ताओं से कुछ अन्य कोड मिश्रण की

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