追加されたアイテムをドラッグできない

jqueryを使用して追加可能なアイテムをドラッグ可能にしようとしています。jqueryを使用すると、野菜がクリックされたときにそれをダーティに追加しようとしています。汚れの中で野菜をドラッグ可能にしますが、その要素内に拘束してください。次のコードがうまくいかない理由はありますか？追加されたアイテムをドラッグできない

このフィドルのようにあなたは、あなたがそれを追加AFTER要素をドラッグできるようにする必要があり

<body> 
    <ul id = "dirt"> 
    </ul>  
    <ul id = "veggies"> 
    <li class ="veg tomato"></li> 
    <li class ="veg cucumber"></li> 
    <li class ="veg pepper"></li> 
    <li class ="veg eggplant"></li> 
    <li class ="veg beans"></li> 
    </ul> 
<script> 
    $(document).ready(function(){ 
    $("#veggies li").click(function(){ 
    $(this).clone().appendTo("#dirt"); 
    }); 
    $("#dirt li").draggable({ 
    containment: '#dirt' 
    }); 
}); 
</body>

出典

2016-05-03 Joshua Thomas

の可能性のある重複[jqueryの-UIのjQuery-UIドラッグドラッグ及び動的？]（http://stackoverflow.com/questions/7660606/jquery-ui-draggable-and-dynamic-jquery-ui-draggable ） –

：https://jsfiddle.net/5b3nfm11/1/

$(document).ready(function(){ 

    $("#veggies li").click(function(){ 
    $(this).clone().appendTo("#dirt").draggable({ 
     containment: '#dirt' 
    }); 

    }); 

});

出典

2016-05-03 21:42:20

恐ろしい！ありがとう、私はそれがそう簡単な何かでなければならないことを知っていた！ –

あなたがドラッグ可能なあなたの#veggiesリストアイテムを作る代わりに、それらを追加する必要があるように見えますクリックで

これはうまくいくはずです。

$(document).ready(function(){ 

$("#veggies li").draggable(function(){ 
    $(this).clone().appendTo("#dirt") 
}); 
});

出典

2016-05-03 21:52:46

追加されたアイテムをドラッグできない

答えて

関連する問題