如何阻止新出现的点击

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中去

...全文

104 2 打赏收藏举报

写回复

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>