Слушатель jQuery не работает - PullRequest
Новая
       13

Слушатель jQuery не работает

6 голосов
/ 24 сентября 2011

Итак, у меня есть этот код, который должен прослушать щелчок по кнопке #, но он не сработает и сводит меня с ума! 

<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>

и HTML: 

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

Это странно.Любая помощь приветствуется!

Ответы [ 2 ]

15 голосов
/ 24 сентября 2011

Напишите свой код в функции 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>

надеюсь, вы получите представление об этом

2 голосов
/ 24 сентября 2011

Вот как должен выглядеть код: 

<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

...