Question

每当用户点击/点击单选按钮时，我都会尝试触发事件搜索堆栈溢出并在jsfiddle上尝试我自己的示例。

然而，在MOzilla浏览器版本31或Google Chrome中同样的事情却失败了 - 不知道为什么我正在使用JQuery 2.1.1

<!DOCTYPE HTML>
<html lang = "en">
<head>
<title>formDemo.html</title>
<meta charset = "UTF-8" />


<script src="jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
</head>
<body>
<input id='r1' type='radio' class='rg' name="asdf"/>
<input id='r2' type='radio' class='rg' name="asdf"/>
<input id='r3' type='radio' class='rg' name="asdf"/>
<input id='r4' type='radio' class='rg' name="asdf"/>
</body>
<script>
alert("1");
$(".rg").change(function () {
    alert("yahoo");
});
alert("2");
$("#r1").change(function () {
    alert("yahoo");
});
</script>
</html>

Answer 1

可能是您的jquery-2.1.1.min.js路径错误，请检查您的路径并将其包含在内。如果您不知道路径或者您没有下载库，那么您可以这样包括：

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

还将你的jQuery代码放在就绪函数中：

 $(document).ready(function(){

    $(".rg").change(function () {
        alert("yahoo");
    });

    $("#r1").change(function () {
        alert("yahoo");
    });

});

Answer 2

你的控制台有错误吗？

如果您的浏览器控制台发布错误

尝试将您的代码放入$(document).ready();

Answer 3

你没有以适当的方式发挥作用。这样做。

$(function(){
    $(".rg").change(function () {
        alert("yahoo");
    });
})

$(function(){
    $("#r1").change(function () {
        alert("yahoo");
    }); 
})

Answer 4

将脚本src和link href更改为以下版本可以正常使用： -

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"</script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

单击单选按钮不起作用，但在小提琴手工作正常

4 个答案: