让javascript点击工作
我知道这是一个非常简单的问题,但我不明白为什么它不起作用。单击div会引发警报,但两个提交都不会。我做错了什么让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(){
<!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。所有工作正在进行-非常感谢你的帮助。太棒了!