Question

我知道这是一个非常简单的问题，但我不明白为什么它不起作用。单击div会导致警报，但两个提交都没有。我在做什么是错的？

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".submit").click(function(){
        alert("Test 1 was clicked.");
    });

    $(".submit").on('click', function(){
        alert("Test 2 was clicked.");
    });

    $("#test").click(function(){
        alert("Test 3 was clicked.");
    });
});
</script>
</head>
<body>

<input type='submit' value='Click'>
<div id='test'>Click</div>

</body>
</html>

Answer 1

为什么您的代码无效？

类.submit没有元素。因此click无效。

<强>解决方案

使用适当的选择器，例如$("[type='submit']")或将类submit添加到元素。

工作演示

$("[type='submit']").click(function() {
  alert("Test 1 was clicked.");
});

$("[type='submit']").on('click', function() {
  alert("Test 2 was clicked.");
});

$("#test").click(function() {
  alert("Test 3 was clicked.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='submit' value='Click'>
<div id='test'>Click</div>

获取javascript点击工作

1 个答案: