如何阻止新出现的点击

wen19910312 2015-08-30 05:24:15
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
<style type="text/css">
#div1,#div2 {
float: left;
width: 200px;
height: 300px;
border: 1px solid red;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div id="div1">
<div>001</div>
<div>002</div>
<div>003</div>
<div>004</div>
<div>005</div>
</div>
<div id="div2"></div>
<script type="text/javascript">
$("#div1").on("click", "div", function(event){
$(this).appendTo("#div2");
$("#div1").append('<div>006</div>');
})
$("#div2").on("click", "div", function(event){
$(this).appendTo("#div1");
})
</script>
</body>
</html>

每次在div1中点一个 都会出现006?怎么让这重新创建的006不能点击到div2中去?但是又要保证点其他的都会出现006.只要求006不能点击到div2中去
...全文
113 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
wen19910312 2015-08-31
  • 打赏
  • 举报
回复
<body> <div id="div1"> <div>001</div> <div>002</div> <div>003</div> <div>004</div> <div>005</div> </div> <div id="div2"></div> <script type="text/javascript"> $("#div1").on("click", "div", function(event){ $(this).appendTo("#div2"); $("#div1").append('<div>006</div>'); }) $("#div2").on("click", "div", function(event){ $(this).appendTo("#div1"); }) </script> </body> </html>[/code] 每次在div1中点一个 都会出现006?怎么让这重新创建的006不能点击到div2中去?但是又要保证点其他的都会出现006.只要求006不能点击到div2中去[/quote]
引用 1 楼 jslang 的回复:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title> 页面名称 </title>
<style type="text/css">
	#div1,#div2 {
		float: left;
		width: 200px;
		height: 300px;
		border: 1px solid red;
	}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div id="div1">
	<div class="as">001</div>
	<div class="as">002</div>
	<div class="as">003</div>
	<div class="as">004</div>
	<div class="as">005</div>
</div>
<div id="div2"></div>
<script type="text/javascript">
$("#div1").on("click", "div.as", function(event){
	$(this).appendTo("#div2");
	$("#div1").append('<div>006</div>');
})
$("#div2").on("click", "div.as", function(event){
	$(this).appendTo("#div1");
})
</script>
</body>
</html>
如果我要在这2个div中间加2个button ,在001--005中各自加一个复选框。我点击001-005之间的几个,在按button 那么所选的就过去到div2中?过去的几个就创建几个006。在div2中点的时候回到div1时候 创建的几个006 就消失。在刷新页面后,不管div1中原来的几个数,只要过去到div2了 刷新就不要返回到div1了。 大哥 麻烦了
天际的海浪 2015-08-30
  • 打赏
  • 举报
回复

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title> 页面名称 </title>
<style type="text/css">
	#div1,#div2 {
		float: left;
		width: 200px;
		height: 300px;
		border: 1px solid red;
	}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div id="div1">
	<div class="as">001</div>
	<div class="as">002</div>
	<div class="as">003</div>
	<div class="as">004</div>
	<div class="as">005</div>
</div>
<div id="div2"></div>
<script type="text/javascript">
$("#div1").on("click", "div.as", function(event){
	$(this).appendTo("#div2");
	$("#div1").append('<div>006</div>');
})
$("#div2").on("click", "div.as", function(event){
	$(this).appendTo("#div1");
})
</script>
</body>
</html>

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧