jQuery - on () не работает (простой пример) - PullRequest
Новая
       43

jQuery - on () не работает (простой пример)

8 голосов
/ 09 ноября 2011

У меня проблемы с кодом Jquery. 

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function() {
            $(".upvote").on("click", function() 
            {
                alert('test');
            }
        }); 
    </script>
</head>
<body style="background-color:black; color:white;">
    <form action="#" method="post">
        <input type="submit" class="upvote" value=" + " />
    </form>
</body>
</html>

Когда я нажимаю кнопку, ничего не происходит.Я проверил и удостоверился, что у меня есть jQuery 1.7.Кто-нибудь может помочь?

Ответы [ 4 ]

13 голосов
/ 09 ноября 2011

Вам не хватает закрытия ); в вашем обработчике.Это вызывает синтаксическую ошибку, в результате которой код не выполняется 

$(".upvote").on("click", function() {
  alert('test');
});
2 голосов
/ 09 ноября 2011

Должно быть 

$(".upvote").on("click", function() {
  alert('test');
});
1 голос
/ 09 ноября 2011

У вас есть ошибка в вашем коде, в противном случае он работает найти:

Изменение 

        $(".upvote").on("click", function() 
        {
            alert('test');
        }

Кому: 

        $(".upvote").on("click", function() 
        {
            alert('test');
        });//notice I had to add the `);` which closes the on function properly

Вот jsfiddle вашего кода, работающего с небольшой настройкой: http://jsfiddle.net/jasper/AVusC/

1 голос
/ 09 ноября 2011

Работает нормально, если вы дадите 

 $(".upvote").on("click", function() 
        {
            alert('test');
        });

вместо 

 $(".upvote").on("click", function() 
        {
            alert('test');
        }
...