[英]Click event only triggers once, after the page is loaded
我在jQuery中有一个click事件。 期望的行为是使函数每次单击链接时都执行。 但是,实际的行为是页面加载,然后一次又一次不执行该函数。 令人反感的代码如下。 谢谢!
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<style>
#sub {
position:fixed;
z-index:999;
margin-top:180px;
margin-left:200px;
display:none;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function showdiv(divid) {
$('.menu').hide();
$('#'+divid).fadeToggle('slow');
};
$(document).ready(function(){
$('a#opt1').click(showdiv('sub'));
$('a#opt2').click(function(){$('.menu').hide();});
});
</script>
</head>
<body>
<li><a id="opt1" href="#">Option1</a></li>
<li><a id="opt2" href="#">Option2</a></li>
</ul>
<ul id="sub">
<li><a href="#">Mission</a></li>
<li><a href="#">Press</a></li>
</ul>
$('a#opt1').click(showdiv('sub'));
将立即运行函数showdiv
,将返回值设置为onclick
(在这种情况下,什么也没有,因此您的点击处理程序似乎不起作用)。
您应该将其包装在一个匿名函数中。
$('a#opt1').click(function() { showdiv('sub') });
您需要将该函数包装在一个匿名函数中:
$('a#opt1').click(function() {
showdiv('sub');
});
您应该将函数引用传递给.click
。 在您的情况下,您传递了函数的返回值而不是实际函数。 长话短说,您应该使用function(){}
包装它:
$('a#opt1').click(function(){
showdiv('sub');
});
.click
上的jQuery文档实际上指出您必须传递一个函数,但在示例中传递的是undefined
。 这就是为什么它只执行一次。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.