把.drag拖進.cart沒問題,衍生的問題是:怎么樣從購物車里拖出產(chǎn)品做減法又不影響.cart拖出做加法?在從拖入購物車.cart后又加了droppable()的方法目的是為了從購物車拖出后計數(shù)器做減法,本人嘗試選擇器用$("body")能夠?qū)崿F(xiàn)拖出后做減法的效果,因為.cart包含在body區(qū)域,顯然不行。我的代碼如下:? ? ?<div id="divtest">? ? ? ? ? ? <div class="box">? ? ? ? ? ? ? ? <div class="title">產(chǎn)品區(qū)<span>0</span></div>? ? ? ? ? ? ? ? <div class="drag"><div>蘋果</div></div>? ? ? ? ? ? </div>? ? ? ? ? ? <div class="box">? ? ? ? ? ? ? ? <div class="title">回收站</div>? ? ? ? ? ? ? ? <div class="cart"><div id="tip">還沒有產(chǎn)品</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("還沒有產(chǎn)品");? ? ? ? ? ? ? ? ? ? ? ? $(".title span").html(sum);? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? })? ? ? ? ? ? });? ? ? ? </script>
【跪求大神解答】怎么樣從購物車里拖出產(chǎn)品做減法又不影響.cart拖出做加法呢?
Reginald0419
2016-04-29 14:13:42