2011-12-13 16 views
34

का उपयोग कर छिपा हुआ है यह है मेरी div जब आप क्लिकचेक div jQuery

<div id="car2" style="display:none;"></div> 

तो मैं एक बटन दिखाएं कि div दिखाएगा है:

$("show").click(function() { 
    $("$car2").show(); 
}); 

तो अभी मैं अगर जाँच करना चाहते हैं div #car2 अभी भी प्रपत्र प्रस्तुत करने से पहले छिपा हुआ है:

if($('#car2').is(':hidden')) { 
    alert('car 2 is hidden'); 
} 

अब यहाँ समस्या है। हालांकि div #car2 पहले से ही दिखाया गया है, मुझे अभी भी चेतावनी संदेश मिला है जिसका अर्थ है कि jQuery div #car2 अभी भी छिपा हुआ है।

मेरा jQuery संस्करण 1.7 है।

धन्यवाद।

संपादित करें:

जैस्पर के रूप में कहा, मेरे कोड सही है और इस demo के माध्यम से चलाया जा सकता है।

मुझे संदेह है कि jquery form to wizard plugin के साथ कुछ संघर्ष है जो मैं अपने फॉर्म के साथ उपयोग कर रहा हूं। किसी को भी इसे हल करने का कोई विचार है?

+1

http://jsfiddle.net/YjP4K/2/ आपका कोड काम करता है जब इतना शायद सरलीकृत आप कहीं और एक त्रुटि है? – Jasper

+0

यह भी देखें [जांच कर रहा है कि कोई तत्व छुपा हुआ है [jquery \] द्वारा] (https://stackoverflow.com/questions/178325/checking-if-an-element-is-hidden) –

उत्तर

61

आप देख सकते हैं सीएसएस display संपत्ति:

if ($('#car').css('display') == 'none') { 
    alert('Car 2 is hidden'); 
} 

यहाँ एक डेमो है: बजाय दिखाई संपत्ति: http://jsfiddle.net/YjP4K/

+0

हालांकि अन्य उत्तर सही है, लेकिन किसी भी तरह से मैं केवल इस विधि का उपयोग अपने रूप में कर सकता हूं इसलिए मैं इसे एक उत्तर के रूप में चुनूंगा। धन्यवाद। – cyberfly

+1

'$ ('# कार')। (: छुपा हुआ) 'काम करना चाहिए। यह वर्तमान की तुलना में एक क्लीनर समाधान भी है। Https://api.jquery.com/hidden-selector/ – akshay

+1

@क्षय हाँ पर अधिक जांचें जो अधिक अर्थपूर्ण भावना बनाता है। मुझे लगता है कि किनारे के मामले हैं जहां आपकी खुद की जांच करना समझ में आता है क्योंकि तत्वों (ओं) के आस-पास की स्थितियां हैं जो 'छुपा' और 'दृश्यमान' चयनकर्ताओं के साथ स्क्रू करती हैं। – Jasper

4

के लिए देखने का प्रयास करें।

if($('#car2').not(':visible')) 
{ 
    alert('car 2 is hidden');  
} 
28

प्रयास करें:

if(!$('#car2').is(':visible')) 
{ 
    alert('car 2 is hidden');  
} 
+1

उत्तर के रूप में चिह्नित किया जाना चाहिए – Thamaraiselvam

2

आप अपने गलत वर्तनी, $car2#car2 के बजाय देखा?

वैसे भी, :hidden अपेक्षा के अनुसार काम कर रहा है, इसे here आज़माएं।

8

कोशिश

if($('#car2').is(':hidden')) 
{ 
    alert('car 2 is hidden');  
} 
1

आप उपयोग कर सकते हैं,

if (!$("#car-2").is(':visible')) 
{ 
     alert('car 2 is hidden'); 
}