Question

我有一个简单的页面，只用一个按钮进行测试，我链接到一个外部的js文件。它在警告框中显示jquery版本，但是当单击该按钮时没有任何反应。这有什么问题？

这是我的简单测试html页面

<title>Insert title here</title>
<!-- scripts -->
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="myscript.js"></script>
</head>
<body>
<form>
    <input  type="button"  tabindex="5"  value="jscript" id="testbutton" />
</form>
</body>

这是我的myscript文件内容

alert($.fn.jquery);
$('#testbutton').click(function(){
alert("test successful");
});

我使用的是JQuery 1.6版

Answer 1

可能是因为在绑定点击处理程序时，DOM不是ready用于JavaScript处理。尝试：

$(document).ready(function() {
    $('#testbutton').click(function(){
        alert("test successful");
    });
});

Answer 2

你需要一个document.ready：

$(document).ready(function(){
  alert($.fn.jquery);
  $('#testbutton').click(function(){
    alert("test successful");
  });
});

那是因为你的#testbutton在加载之前无法被引用

希望这会有所帮助。干杯

JQuery点击功能没有被调用

2 个答案: