.fadeOut() विधि मिलान किए गए तत्वों की अस्पष्टता को एनिमेट करती है। एक बार अस्पष्टता 0 तक पहुंच जाती है, तो डिस्प्ले शैली गुण किसी के लिए सेट नहीं होता है, इसलिए तत्व पृष्ठ के लेआउट को प्रभावित नहीं करता है और यह fadeIn() के लिए है।.fadeOut() विधि दृश्य संपत्ति का उपयोग करने के लिए दृश्यता प्रॉपर्टी
मेरा प्रश्न यह है कि वे दृश्यता संपत्ति का उपयोग कर सकते हैं ताकि वे पृष्ठ के लेआउट में स्थान पर कब्जा कर सकें और यह केवल दिखाई नहीं दे रहा है?
jQuery के fadeTo() का उपयोग करें और उसके बाद कॉलबैक दृश्यता सेट करें। उदाहरण:
$('selector').fadeTo(500, 0, function(){
$('selector').css("visibility", "hidden");
}); // duration, opacity, callback
बस कॉल में संपत्ति को अधिलेखित वापस सीएसएस अस्पष्टता के साथ
$('Element').on("click", function() {
$(this).fadeOut(500, function() {
$(this).css({"display": "block","visibility": "hidden"}); // <-- Style Overwrite
});
})
मैंने पहले ही यह धन्यवाद अनुरोध दृश्य टिप्पणी अनुभाग किया है। लेकिन योर के लिए प्रयास करें और जब आप एसओ के लिए नए हैं तो आपको +1 मिल जाएगा :) – Champ
चेतन एक समान प्रभाव को प्राप्त करने लगता है।
$('#element').animate({opacity: 0}, 1000);
भागो अस्पष्टता के साथ एक ही है: 1 में वापस फीका करने के लिए
Credit।।
यह समाधान कुछ उपयोग-मामलों के लिए सरल और सुरुचिपूर्ण है, लेकिन यह उल्लेख करता है कि शून्य अस्पष्टता वाला तत्व अभी भी घटनाओं का जवाब देता है (क्लिक करें, कुंजी-प्रेस , आदि) और टैब-ऑर्डर में भाग लेते हैं। इस रणनीति के साथ चेतावनी यह है कि इसमें अभिगम्यता के प्रभाव हैं। देखें: http://stackoverflow.com/questions/272360/does-opacity0-have-exactly-the-same-effect-as-visibilityhidden –
जो तत्व दृश्यता छिपाएगा और तत्व अभी भी क्लिक करने योग्य नहीं होगा :( – Champ
बस एक कॉलबैक जोड़ें जो संपत्ति को फीका पूरा करता है। उत्तर अपडेट किया गया। – Duopixel
यह है कि मैं fadeOut() के साथ क्या कर रहा हूं http: // jsfiddle .net/gajjuthechamp/BTGeR/1/लेकिन मुझे एक बेहतर समाधान की आवश्यकता है – Champ