Question

我的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。有人可以帮忙吗？

Answer 1

您错过了处理程序的结束);。它导致语法错误导致代码无法运行

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

Answer 2

应该是

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

Answer 3

如果你提供

，它可以正常工作

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

而不是

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

Answer 4

您的代码中有错误，否则可以找到：

更改

        $(".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/

jQuery - on（）不工作（简单示例）

4 个答案: