把.drag拖进.cart没问题,衍生的问题是:怎么样从购物车里拖出产品做减法又不影响.cart拖出做加法?在从拖入购物车.cart后又加了droppable()的方法目的是为了从购物车拖出后计数器做减法,本人尝试选择器用$("body")能够实现拖出后做减法的效果,因为.cart包含在body区域,显然不行。我的代码如下: <div id="divtest"> <div class="box"> <div class="title">产品区<span>0</span></div> <div class="drag"><div>苹果</div></div> </div> <div class="box"> <div class="title">回收站</div> <div class="cart"><div id="tip">还没有产品</div></div> </div> </div> <script type="text/javascript"> $(function () { var sum=0; $(".drag").draggable(); $(".cart").droppable({ drop: function () { sum++; $(this).addClass("focus").find("#tip").html(""); $(".title span").html(sum); } }); $("body").droppable({ drop:function(){ sum--; $(".cart").removeClass("focus"); $("#tip").html("还没有产品"); $(".title span").html(sum); } }) }); </script>
添加回答
举报
0/150
提交
取消