下記のようなコードで 並び替え対象のitemは追加したエレメントは移動できます。
しかし、移動先となるareaを追加した場合、itemを移動させることができません。
どのようにすれば“新しい移動先”を追加することができるでしょうか。
lang
1<script> 2$(function() { 3 $("div.area").sortable({ 4 items: "div.item", 5 connectWith:'div.area' 6 }) 7}); 8</script> 9<style> 10 .area { 11 height: 100px; 12 border: 1px solid red 13 } 14 .item { 15 width : 50px; 16 height: 50px; 17 border: 1px solid blue; 18 display: inline-block; 19 } 20</style> 21 22<button onclick='$(".area:first").append("<div class=item></div>")'>add item</button> 23<button onclick='$(".area:last").after("<div class=area></div>")'>add area</button> 24<div class="area"> 25 <div class="item"></div> 26 <div class="item"></div> 27</div> 28<div class="area"></div> 29<div class="area"></div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/02/22 05:27