2010-01-17 14 views
18

मैं पता लगाने के लिए अगर एक div शैली प्रदर्शन ब्लॉक तो यहाँ कुछ करना है की कोशिश कर रहा कोशिश कर रहा हूँ एक जैसेdiv प्रदर्शन करता है, तो ब्लॉक jQuery

इस है सिर्फ एक अनुमान मैं jQuery में यह करने के लिए tryng हूँ

if("#toshow":"display" == "block"){ 

}else{ 

} 

उत्तर

39

तो तुम display: block और display: none के बीच भेद करना चाहते हैं? यदि हां, तो आप बेहतर is() समारोह संयोजन में इस के लिए :visible चयनकर्ता के साथ उपयोग कर सकते हैं:

if ($('#toshow').is(':visible')) { 

} else { 

} 

यह की अगर आप display: block, या display: inline, या display: inline-block इस्तेमाल किया परवाह किए बिना काम करता है।

+3

मैं इस काम करता है नहीं लगता है कि अगर एक माता पिता के तत्व छिपा है। –

+0

@ डस्टिन: मुझे यकीन नहीं है कि आप इस तरह की टिप्पणी क्यों पोस्ट कर रहे हैं जबकि यह स्वयं का प्रयोग करना बहुत आसान है। यदि आपको इस विशिष्ट मामले में कोई समस्या हो रही है, तो यह कहीं और हुई है। – BalusC

+2

ठीक है, आइए इसे इस तरह से रखें। यदि आप जानना चाहते हैं कि div वर्तमान में दिखाई दे रहा है तो यह काम करेगा। यह काम नहीं करेगा यदि आप जानना चाहते हैं कि div एक ब्लॉक है (मूल प्रश्न, जिसने मुझे Google खोज से इस स्टैक ओवरफ्लो प्रश्न का भी नेतृत्व किया।) मेरे मामले में, मैं जानना चाहता था कि कोई (वर्तमान में छुपा हुआ) div जब मैंने माता-पिता div को प्रकट किया तो छुपाया जा रहा था। http://jsfiddle.net/ejVvu/1/ जैसा कि आप देख सकते हैं, यह उत्तर यह जांचने के लिए काम नहीं करेगा कि क्या एक div में ब्लॉक विशेषता है (मूल प्रश्न।) तो, वर्तमान के लिए "बेहतर" समाधान के लिए +1 दृश्यता, लेकिन सवाल का जवाब नहीं। –

15

आपको css फ़ंक्शन का उपयोग करने की आवश्यकता है।

if($("#toshow").css("display") == "block"){ 

}else{ 

} 
4

अपने :visible चयनकर्ता को न भूलें।

if ($("#toshow:visible").length) { 
    // it's visible 
} else { 
    // it's not visible 
} 
4
$(document).ready(function(){ 
    if ($('#toshow').css('display') == 'block') { 
     // Do something. 
    } else { 
     // Do something else. 
    } 
}); 

चाल करना चाहिए।

0

यह विकल्प पूरी तरह से काम किया। मैं ब्राजीलियाई हूं और मुझे पाठ का अनुवाद करना पड़ा, लेकिन जब मैंने कोड देखा तो मैंने तुरंत देखा कि यह सही विकल्प था।

function reversoObjeto() { 
 
    $('#janela').fadeToggle(500, function(e) { 
 
    if ($("#janela").css("display") == "none") { 
 
     alert("Janela Apagou!"); 
 
    } else { 
 
     alert("Janela Acendeu!"); 
 
    } 
 
    }) 
 
}

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