使用jquery在不同的表之间拖放？_Jquery_Jquery Ui

使用jquery在不同的表之间拖放？

jquery jquery-ui

使用jquery在不同的表之间拖放？,jquery,jquery-ui,Jquery,Jquery Ui,我无法将图像从“表a”拖放到“表b”。我正在使用可排序API进行拖放，问题是一旦从“表b”拖放到“表a”中，就无法从“表a”拖放到“表b”。有人能帮忙吗？这是我的示例代码 $( "tbody.table1" ).sortable({ connectWith: ".table1a", items: "> tr td", appendTo: table2, helper:"clone", st

我无法将图像从“表a”拖放到“表b”。我正在使用可排序API进行拖放，问题是一旦从“表b”拖放到“表a”中，就无法从“表a”拖放到“表b”。有人能帮忙吗？这是我的示例代码

 $( "tbody.table1" ).sortable({
    connectWith: ".table1a",
        items: "> tr td",
        appendTo: table2,
        helper:"clone",            
        start: function(){ $table1b.addClass("dragging") },
        stop: function(){ $table1a.removeClass("dragging") }
    })
    .disableSelection();

$( ".table1a",".table1b" ).droppable({
  accept: ".table1b tr td"  
  },
  drop: function( event, ui ) {
    return false;
  }
});

下面是演示在两个列表之间拖放的示例代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script type="text/javascript">
  $(function () {
    $(".list1, .list2").sortable({
      connectWith: ".sortable"
    });
  });
</script>
 <style>
.sortable { list-style-type: none; list-style-position: inside;margin: 0px 12px 8px 0px; width: 60%; padding: 2px; border-width: 1px; border-style: solid; min-height: 100px;}
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; height: 18px; border: 2px dashed #d3d3d3 ;  background-color: #eee }
</style>
<div>
  <div">
    <ul class="list1 sortable">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
      <li>Item 5</li>      
    </ul>
  </div>
  <div>
    <ul class="list2 sortable">
      <li>Item 6</li>
      <li>Item 7</li>
      <li>Item 8</li>
      <li>Item 9</li>
      <li>Item 10</li>
    </ul>
  </div>
</div>
</body>
</html>


演示
$（函数（）{
$（“.list1.list2”）。可排序({
连接到：“.sortable”
});
});
.sortable{列表样式类型：无；列表样式位置：内部；边距：0px 12px 8px 0px；宽度：60%；填充：2px；边框宽度：1px；边框样式：实体；最小高度：100px；}
.sortable li{margin:0 3px 3px 3px；padding:0.4em；padding left:1.5em；字体大小：1em；高度：18px；边框：2px虚线#d3d3d3；背景色：#eee}
请展示你的代码你有演示，甚至一些代码可以分享吗？你有什么都会有帮助的。