2009-09-08 20 views
5

मैं एक सबमिट बटन क्लिक करने पर एक तत्व (जो एक टेबल है, लेकिन मैं इसे एक div के रूप में उपयोग कर रहा हूं) दिखाने की कोशिश कर रहा हूं।jQuery छुपा/शो काम नहीं कर रहा है - क्या मैं कुछ गलत कर रहा हूं

ऐसा लगता है कि यह काम नहीं करता है। और मुझे नहीं लगता कि यह लेआउट के लिए टेबल का उपयोग करके अधिग्रहित खराब सीएसएस कर्म के कारण है।

$(document).ready(function() { 
    $("#object-created-panel").hide();      
    $("#create-object-btn").click(
    function() { 
     $("#object-created-panel").show(""); 
     } 
    );  
}); 

उम्मीद है कि है कि दिखाने के लिए क्या त्रुटि है (यदि नहीं मैं भी टेबल के लिए कोड में डाल दिया जाएगा) सबमिट बटन की आईडी है पर्याप्त कोड है::

कोड इस प्रकार है create- ऑब्जेक्ट-बीटीएन

+1

मुझे समस्या का पता चला है। दिखा रहा है और छिपाना ठीक काम कर रहा है। लेकिन क्या होता है कि जब सबमिट बटन को पेज रीलोड पर क्लिक किया जाता है। यही कारण है कि मुझे कोई त्रुटि नहीं मिल रही है, लेकिन ऑब्जेक्ट-निर्मित-पैनल फिर से छिपा हुआ है। मैं पुनः लोड को रोकने के तरीके को खोजने का प्रयास करूंगा, लेकिन अगर आपको पता है तो कृपया मुझे बताएं। – Ankur

+0

यह पुनः लोड हो रहा था क्योंकि मेरे पास

टैग के भीतर सबमिट बटन था ... अंत में एक मूर्ख सवाल है, लेकिन सभी उत्तरों के लिए आपकी सहायता +1 के लिए धन्यवाद – Ankur

उत्तर

1

show() के बजाय आप show("") का उपयोग क्यों करते हैं?

jQuery documentation on show()

+0

कोई विशेष कारण नहीं है। यह कॉपी/चिपकाने का नतीजा है, लेकिन इससे वास्तव में कोई फर्क नहीं पड़ता है। बस इसे चेक किया। – Ankur

+0

'ऑब्जेक्ट-निर्मित-पैनल' पर लागू सीएसएस-गुण क्या हैं? – Bavo

3

तीन कदम:

  1. कोशिश शो ("") को बदलने के लिए दिखाने के लिए()
  2. सही चयनकर्ता काम की जाँच करें उदा कोई वस्तु आईडी 'वस्तु-निर्मित पैनल'
  3. उपयोग Firebug जावास्क्रिप्ट त्रुटि का पता लगाने के

http://getfirebug.com/

2

कोड जोड़ें "return false;" पृष्ठ को इस क्रिया पर वापस पोस्ट करने से रोकने के लिए क्लिक फ़ंक्शन के अंत में।

$(document).ready(function() { 
    $("#object-created-panel").hide();           
    $("#create-object-btn").click(
     function() { 
      $("#object-created-panel").show(""); 
      return false; 
     } 
    );   
}); 
संबंधित मुद्दे