Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
让javascript点击工作_Javascript_Jquery - Fatal编程技术网

让javascript点击工作

让javascript点击工作,javascript,jquery,Javascript,Jquery,我知道这是一个非常简单的问题,但我不明白为什么它不起作用。单击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(){

我知道这是一个非常简单的问题,但我不明白为什么它不起作用。单击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>

$(文档).ready(函数(){
$(“.submit”)。单击(函数(){
警报(“单击测试1”);
});
$(“.submit”)。在('click',function()上{
警报(“点击测试2”);
});
$(“#测试”)。单击(函数(){
警报(“点击测试3”);
});
});
点击

为什么您的代码不工作?


中没有元素。提交
。因此,
单击
将不起作用

解决方案

使用适当的选择器,如
$(“[type='submit']”)
或将类
submit
添加到元素中

工作演示

$(“[type='submit']”)。单击(函数(){
警报(“单击测试1”);
});
$(“[type='submit']”)。在('click',function()上{
警报(“点击测试2”);
});
$(“#测试”)。单击(函数(){
警报(“点击测试3”);
});


单击
为什么您的代码不工作?


中没有元素。提交
。因此,
单击
将不起作用

解决方案

使用适当的选择器,如
$(“[type='submit']”)
或将类
submit
添加到元素中

工作演示

$(“[type='submit']”)。单击(函数(){
警报(“单击测试1”);
});
$(“[type='submit']”)。在('click',function()上{
警报(“点击测试2”);
});
$(“#测试”)。单击(函数(){
警报(“点击测试3”);
});


单击
您没有类为
的元素。在页面上提交
没有类为
提交的元素。您可以使用
$(“[type='submit']”
$(“.submit”)
选择submit类的元素,而不是类型或名称。例如:
您没有类为
的元素。页面上没有类为
提交的元素。您可以使用
$(“[type='submit']”
$(“.submit”)
选择submit类的元素,而不是类型或名称。例:
非常好-非常感谢。我一直在看这么多答案,所有答案都只是参考.submit。@RGriffiths总是很乐意帮助:)有趣的是,只有点击版本在我的网站上有效。如果我使用的是(‘单击’…它从不触发。我想我理解打开的目的,但是页面上有许多提交按钮会不会使用该方法导致问题?是的。它会导致问题。然后你必须提供提交按钮的具体ID。现在一切正常-非常感谢你的帮助。非常好!非常感谢。我一直在看so许多答案都只是参考。提交。@RGriffiths总是乐于帮助:)有趣的是,只有点击版本在我的网站上有效。如果我在(‘单击’……它永远不会触发。我想我理解打开的目的,但是页面上有许多提交按钮会使用该方法导致问题吗?是的。它会导致问题。然后你必须为提交按钮提供特定的ID。所有工作正在进行-非常感谢你的帮助。太棒了!