verrückt werden. Einfacher Alarm, wenn das Kontrollkästchen mit Jquery markiert ist

Question

Ich kann nicht erreichen, dass eine einfache Warnung ausgelöst wird, wenn ein Kontrollkästchen angeklickt/markiert wird. Ich habe meinen Kopf kratzen wundern, warum ich nicht bekommen, es zu arbeiten, und ich weiß, es wird etwas einfach sein ... Also, was mache ich falsch?

<script type="text/javascript">
$('#test1').click(function(){
alert('clicked');
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="-1">test1</input>

Answer 1

Sie warten nicht auf DOM bereit . Wenn du es willst, wird es funktionieren:

<script type="text/javascript">
$(function(){
    $('#test1').click(function(){
        alert('clicked');
    });
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="1" /> test1

Fiedel: http://jsfiddle.net/sanbc/

Answer 2

Sie sollten es in document.ready() einschließen, da sonst das Klick-Ereignis zugewiesen werden könnte, bevor das Element existiert.

OR

Stellen Sie sicher, dass die jQuery-Bibliothek enthalten ist.

OR

Stellen Sie sicher, dass keine anderen Javascript-Bibliotheken enthalten sind, sie können das $-Objekt durcheinander bringen. Wenn sie sind, ersetzen Sie $ mit jQuery.

Probieren Sie diese aus und melden Sie sich mit einem Kommentar zurück

Answer 3

Das funktioniert bei mir.

Beispiel: http://jsfiddle.net/jasongennaro/9dSMM/

Gibt es vielleicht ein Problem mit dem DOM, das noch nicht fertig ist?

Denken Sie daran, dies in eine document.ready .

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });

Mehr hier

Answer 4

Fügen Sie Ihren Code innerhalb einer $(document).ready Ereignis, damit Sie sicher sein können, dass das Kontrollkästchen existiert, wenn Sie versuchen, einen Ereignishandler dafür zu registrieren.

Answer 5

Nur um das Offensichtliche zu überprüfen, habe ich noch nie einen Jquery UI-Code ohne diesen Wrapper geschrieben:

 $(document).ready(function() {
       //......
     });