2012-12-20 25 views
5

Ich versuche, einige jQuery-Code ausführen, wenn ich auf eine Schaltfläche klicke, aber ich kann nicht einmal das einfachste Beispiel arbeiten.Call jQuery auf Button klicken

Mein jQuery-Code, ist dies:

<script src="scripts/jquery-1.4.1.js"></script> 
<script> 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 

</script> 

und meine html wie folgt aussieht

<div> 
     <input id="btn" type="button" value="button" /> 
    </div> 

aber wenn ich die Taste nichts passiert klicken.

+0

, wenn ich diesen Code in jsFiddle Paste funktioniert es: http://jsfiddle.net/UVSzk/ welchen Browser verwenden Sie? Gibt es einen besonderen Grund, warum Sie eine solche alte Version von jQuery verwenden? –

+0

Warum verwenden Sie eine so alte jQuery-Version? – ThiefMaster

+0

weil ich es schon hatte, und wusste sehr wenig über jquery ich wusste nicht, dass es uralt war. – KristianMedK

Antwort

28

wickeln Sie Ihren Code in einem document.ready Funktion

$(function(){ 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
}); 

oder Script-Code setzen kurz vor dem Ende des Body-Tag

Sie müssen warten, bis die verfügbaren Elemente der dom sein auf Seite zu laden, bevor Ereignishandler

+0

Das hat funktioniert, vielen Dank. Wird Ihre Antwort in 10 Minuten akzeptieren, wenn ich darf – KristianMedK

+0

@ user744610 Gern geschehen :) froh, zu helfen. –

0

Versuchen Sie, Ihre Funktion bei der Bindung:

$(document).ready(function() { 
    // Your code 
}); 
1

Versuchen Sie, das Ereignis zu binden, nachdem das DOM geladen wurde.

$(document).ready(function() { 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
}); 
2

Versuchen Sie, die folgenden

$(function(){ 
    $('#btn').on('click', function(){ 
     alert('click event'); 
    }); 
}); 

Wenn dies sicher, dass Sie richtig enthalten jquery machen funktioniert nicht.

Wenn Sie unsicher sind, versuchen Sie Folgendes.

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
0

Versuchen mit dem Dokument zu codieren, wenn Sie fertig

$(document).ready(function() { 
    $('#btn').click(function() { 
    alert("Hello"); 
    }); 
}); 
Verwandte Themen