<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>放置插件</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> </head> <body> <div id="divtest"> <div class="box"> <div class="title">产品区</div> <div class="drag"><div>苹果</div></div> </div> <div class="box"> <div class="title">回收站<span id="number"> (0)</span></div> <div class="cart"><div id="tip">还没有产品</div></div> </div> </div> <script type="text/javascript"> $(function () { $(".drag").draggable(); var intSum=0; var isInsert=false; $(".cart").droppable({ drop: function () { if(isInsert){return;}else{isInsert = true;} $(this).addClass('focus'); intSum++; $("#tip").html(""); $("#number").html(" ("+intSum+")"); }, out: function(){ intSum--; if(intSum == 0){ $(this).removeClass("focus").find("#tip").html("还没有产品"); } $("#number").html(intSum); isInsert=false; } }) }); </script> </body> </html>
这个代码里面,当只有一个移动物体的时候,intNum的数量是正常显示的,但是当移动的物体有很多的时候,就不对了?
该怎么办呢
MaxJin
相关分类