日期:2014-05-16  浏览次数:20413 次

Jquery插件draggable,多个节点拖动
本帖最后由 liuser_cn 于 2013-03-13 17:39:24 编辑
拖拽源到指定位置,
如果只有一个节点我能拖过去,
但是如果有很多个,形成一个dom列,改如何拖?

html代码:
<table width="310" height="248" border="1" class="tuozhuais">

      <tr class="tz" >
        <td   class="a">A</td>
        <td     class="b">b</td>
        <td    class="c" >c</td>
        <td     class="d">d</td>
      </tr>

</table>


<table width="197" height="71" border="0" class="tuozhuaiyuan">
  <tr>
    <td width="59"><img src="__PUBLIC__/img/ed_05.png" width="15" height="15" alt="X">A</td>
    <td width="64"><img src="__PUBLIC__/img/clock.png" width="17" height="18" alt="X">B</td>
    <td width="52"><img src="__PUBLIC__/img/close.gif" width="12" height="12">C</td>
    <td><img src="__PUBLIC__/img/data_icon.png" width="17" height="21">D</td>
  </tr>
</table>

<script>
      $(function(){
          $(".tuozhuaiyuan tr td").draggable({ helper:"clone"  });
      })
</script>


想要的效果就是下面的A、B、C、D 可以拖到上面指定的地方。
javascript jquery jqueryui draggable

------解决方案--------------------
将你的dom列放在一个容器中 然后定义这个容器为可拖动的