【跪求大神解答】怎么样从购物车里拖出产品做减法又不影响.cart拖出做加法呢？

Question

把.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>