鼠标拖曳问题

$(this).html(str + $("#"+ss.srcElement.id).css()); 
改成$(this).html(str); 
正确效果:
红色     2
绿色      3
错误效果:(没有规律出现)
红色     1
红色     1红色     1红色     1    1    2    2//这里用调试显示是把b拖进b
绿色      1

解决方案 »

  1.   

    [size=35px]苦脑中.............[/size]
      

  2.   

    这个是js库
    在网站可以下的.jquery
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/ui/jquery.ui.all.js" type="text/javascript"></script>
    <script src="../js/ui/ui.draggable.js" type="text/javascript"></script>
    <script src="../js/ui/ui.droppable.js" type="text/javascript"></script>
      

  3.   

    [size=200px]继续等,高手指点一下[/size]
      

  4.   

    [size=200px]继续等,高手指点一下[/size]
      

  5.   

    你放到CSDN的资源下载里也传不上来？要不你就给一个下载地址也可以
      

  6.   

    http://download.csdn.net/source/695019
    你看看能否下得来
      

  7.   

    改了下楼主自己写的代码，可以了。注意看说明
    <!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 runat="server">
        <title></title>
    <!------------调试时更改过js路径了，自己改回来------------->
        <script src="jquery.js" type="text/javascript"></script>    <script src="jquery.ui.all.js" type="text/javascript"></script>
        <script src="ui.draggable.js" type="text/javascript"></script>    <script src="ui.droppable.js" type="text/javascript"></script>
    <!----------------------------------------------------->
        <script type ="text/javascript">
            $(document).ready(function() {
                $(".a").draggable({ helper: "clone" });
                var Arr=[];//===================================关联数组，分类存储数量
                $("#b").droppable({
                    accept: function(draggable) { return $(draggable).hasClass("a"); },//这里指示只能接受类a
                    drop: function(ss) {
                      var obj=ss.srcElement;
                      if(obj.className.indexOf("a")!=0)return;//如果不是拖拽的则退出，因为jq会更改拖动的div的样式，所以需要indexOf来判断，样式大概被改成 "原来的样式 jq加的样式"
                      var HTML="";
                      if(!Arr[obj.innerHTML])Arr[obj.innerHTML]=1;//使用innerHTML作为关联数组的键
                      else Arr[obj.innerHTML]++;
                      for(var k in Arr)HTML+=k+"&nbsp;&nbsp;&nbsp;&nbsp;"+Arr[k]+"<br/>";
                      $(this).html(HTML);                  
                    }
                });
            });
        
        </script>
    <META http-equiv='Content-Type' content='text/html;charset=utf-8'>
        <style type ="text/css">
        .a{border: 1px solid #CCC; width :100px; height :100px;cursor:hand;}
        #b{border: 1px solid #CCC; width :100px; height :100px;cursor:hand;}
        </style>
    </head>
    <body>
    <!--规范你的拖拽div的innerHTML，程序要使用到，要不就的使用id，这样还得写个对应的函数来处理“不同id返回的颜色的问题”-->
        <div class="a" id="a1" >红色</div>
        <div class="a" id="a2" >绿色</div>
    <!--------------------------->
        <div id="b" class ="b">
        接受器
         
            
        </div>
    </body>
    </html>