新手求教大神，怎么让jquery鼠标点击事件无限执行

h515107 2014-08-13 09:46:07

新人近日在学习相关知识，做了一个鼠标点击事件来隐藏和显示div。但是发现只执行一次，第二次点击就不响应了。所以来求助大家。代码如下：
<script src="../专家主页面素材/jquery-1.8.2.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").click(function(){
$("#p2").show();

});

$("#button2").click(function(){
$("#p3").show();
$("#p2").hide();

});

$("#button3").click(function(){
$("#p5").show();
$("#p3").hide();

...全文

212 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

qcxl 2014-08-14

打赏
举报

引用 7 楼 h515107 的回复:

请问有没有具体的代码啊


<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$("#btn").toggle(function(){
		$("#d1").hide();
	},function(){
		$("#d1").show();
	});
});

</script>
<head/>
<body>
	<button id="btn">click</button>
	<div id="d1">hello world</div>
</body>
</html>

h515107 2014-08-14

打赏
举报

引用 6 楼 luo201227 的回复:

绑定上事件就ok了

请问有没有具体的代码啊

zwh79 2014-08-14

打赏
举报


<script type="text/javascript">
$(document).ready(function(){
$("#button2").click(function(){
$("#p3").show();
$("#p2").hide();
});
});
$(document).ready(function(){
$("#button3").click(function(){
$("#p2").show();
$("#p3").hide();
});
});
</script>
</head>
<body>
<button type="button" id="button2">切换</button>
<button type="button" id="button3">切换</button>
<p id="p2" >这是一个段落。</p>
<p id="p3">这是另一个段落。</p>

Joyce-Luo 2014-08-13

打赏
举报

绑定上事件就ok了

h515107 2014-08-13

打赏
举报

引用 1 楼 zy205817 的回复:

$("#button2").click(function(){ alert('sddddd');//测试看看是否执行 $("#p3").show(); $("#p2").hide(); });

执行的，但是div没有显示和隐藏

h515107 2014-08-13

打赏
举报

我问题没说清楚，补充一下（只是部分代码）： $("#button2").click(function(){ alert("sddddd"); $("#p3").show(); $("#p2").hide(); }); $("#button3").click(function(){ $("#p5").show(); $("#p3").hide(); 上面是2个按钮，我点第一个然后第二个的时候可以执行，但是返回来点第一个就没反应了，第二个也一样

h515107 2014-08-13