拖动到回收站,不变色没反应

来源:3-2 放置插件——droppable

qq_细雨听荷_0

2017-06-20 09:23

http://img.mukewang.com/5948794a0001278c08610571.jpg

拖动没反应,背景色不变是怎么回事

写回答 关注

2回答

  • 收获季节
    2017-09-19 14:48:52

    你在style.css文件里,找到.focus。把#eee该成#ccc.就可以了

  • 兼容并包
    2017-06-22 16:15:18

    <!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">回收站</div>
           <div class="cart"><div id="tip">还没有产品</div></div>
       </div>
    </div>

    <script type="text/javascript">
       $(function () {
           $(".drag").draggable();
           $(".cart").droppable({
               drop: function () {
                   $(this).addClass('focus').find('#tip').html('');
               }
           })
       });
    </script>
    </body>
    </html>

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69100 学习 · 400 问题

查看课程

相似问题