###前提・実現したいこと
JQueryのSortableを使用して、
二つの表の行の移動を行いたいと思っています。
下記コードである程度実現はできたのですが、
片方の表の行数が0(theadを除く)になった場合に、その表への行移動ができなくなってしまいます。
できるようにするには、どうしたら良いかご助言を頂きたいです。
###該当のソースコード
HTML
1<head> 2<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 3<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 4<script> 5 $( function() { 6 $( "#sortable1 tbody, #sortable2 tbody" ).sortable({ 7 connectWith: ".connectedSortable" 8 }).disableSelection(); 9 }); 10</script> 11</head> 12<body> 13チームA 14<table id="sortable1" > 15 <thead> 16 <tr><th>a</th><th>b</th><th>c</th></tr> 17 </thead> 18 <tbody class="connectedSortable"> 19 <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td></tr> 20 <tr><td>Item 4</td><td>Item 5</td><td>Item 6</td></tr> 21 </tbody> 22</table> 23チームB 24<table id="sortable2"> 25 <thead> 26 <tr><th>a</th><th>b</th><th>c</th></tr> 27 </thead> 28 <tbody class="connectedSortable"> 29 <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td></tr> 30 <tr><td>Item 4</td><td>Item 5</td><td>Item 6</td></tr> 31 </tbody> 32</table> 33</body> 34
###試したこと
下記のようにdropOnEmptyをtrueにしても変わりませんでした。
$( "#sortable1 tbody, #sortable2 tbody" ).sortable({
connectWith: ".connectedSortable",
dropOnEmpty: true
}).disableSelection();
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/02 07:22
2017/03/03 05:24