2011-09-24 8 views
5

पर काम नहीं कर रहा है तो मेरे पास यह कोड है कि #button पर एक क्लिक के लिए सुनो लेकिन यह काम नहीं करेगा, और मुझे पागल कर रहा है!jQuery श्रोता

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('#button').click(function() { 
     alert('OK!'); 
    }); 
</script> 

और एचटीएमएल:

<input id="button" type="button" value="OK" /> 

यह अजीब है। किसी भी मदद का स्वागत है!

उत्तर

13

document.ready समारोह

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#button').click(function() { 
     alert('OK!'); 
    }); 
}); 
</script> 


OR 
<script type="text/javascript"> 
    function on_click() { 
      alert("OK !!"); 
    } 
    $(document).ready(function() { 
     $("#button").click(on_click); 
    }); 
</script> 

आशा है कि आप इस

+0

सीए n मैं इस तर्क को पूरी 'functions.js' फ़ाइल पर लागू करता हूं? –

+0

हाँ आप जेएस फ़ाइल के अंदर भी आवेदन कर सकते हैं –

+0

$ (दस्तावेज़) में पहले से ही मेरे फ़ंक्शन दस्तावेज़ के अंदर सब कुछ लपेटने का प्रयास किया .ready (function() {FUNCTIONS आदि}); काम नहीं करेगा। –

2

यहाँ से कुछ विचार प्राप्त अंदर अपना कोड लिखना है कोड की तरह क्या दिखना चाहिए:

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
    // Now that jquery is include, place the code to wire up the button here 
    $(function(){ 
     // Once the document.onload event fires, attach the click 
     // event handler for the button 
     $('#button').click(function() { 
      alert('OK!'); 
     }); 
    }); 
</script> 
<input id="button" type="button" value="OK" /> 

यहाँ jQuery प्रलेखन है कि इससे संबंधित: http://docs.jquery.com/How_jQuery_Works

+0

इस पर वोट देना क्योंकि इसमें एक बेहतर स्पष्टीकरण है कि मूल कोड क्यों काम नहीं करता है और विवरणों को इंगित करता है कैसे $ (फ़ंक्शन() {}); काम करता है। – gcastro