为了账号安全,请及时绑定邮箱和手机立即绑定

例子有问题

<!DOCT html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       

        <title>拖拽插件</title>

        <style>

            .fl{ float: left;}

            .fr{ float: right;}

            .drag{ width: 50px;height: 50px;background-color: green;margin: 10px;padding: 10px;color:#fff;cursor: move;}

            .title{ width: 300px;background-color: pink;padding: 10px;font-weight: bold;}

            .tip{ width: 300px;text-align: center;padding: 10px;}

            .cart{ width: 300px;height: 100px;border: 1px solid #000; text-align: center;padding: 10px;}

            .focus{ background-color: #ccc;}

        </style>

        <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

        <script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>

    </head>

    <body>

        <div class="wrapper">

            <div id="divtest">

                <div class="box">

                    <div class="title">产品区</div>

                    <div class="drag">

                        <div>青椒</div>

                    </div>

                    <div class="drag">

                        <div>黄瓜</div>

                    </div>

                </div>

                <div class="box">

                    <div class="title">购物车(<span>0</span>)</div>

                    <div class="cart">

                        <div class="tip">

                            还没有产品

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <script type="text/javascript">

            var intSum=0;

            $(function(){

                $('.drag').draggable();

                $('.cart').droppable({

                    drop:function(){

                        intSum++;

                        $(this).addClass('focus').find('#tip').html('');

                        $('.title span').html(intSum);

                    }

                })

            });

        </script>

    </body>

</html>

 

54c0b4f60001b70903580176.jpg从购物车再次放置一次就加一次,有什么解决办法吗

正在回答

1 回答

你代码是不是写错了?把class="tip"那改成id="tip"试试看

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

例子有问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信