draggable revertが動的に動作しない

Question

私は多くのdivを動的に作成し、それらを動的にドラッグ可能に追加します。しかし、いくつか問題があります。クラスが削除可能な特定のdivにドラッグすると、誤ったORを無効にしたいどのようにこれを動的に行うことができますか？

<img class="droppable" src=""></img> 
<div id="pi"></div> 
<input type="button" id="ok"> 

<script> 
    var new_id=0;   
    $("#ok").click(function() { 
    new_id = new_id + 1; 
    var increase = new_id; 
    var hidden = "<div class='hidden" + increase + " list-group'> 
        <span class='one" + increase + " list-group-item'></span> 
        <span class='two" + increase + " list-group-item'></span> 
        <span class='three" + increase + " list-group-item'></span> 
        <span class='four" + increase + " list-group-item'></span>"; 
    $(".hidden" + increase + "").draggable({ revert: true });//here revert invalid make error 
    $("#pi").append(hidden); 
     }); 
</script> 

また、私はこれを試していますが、それだけのために呼び出し.draggable後に要素を追加している

$(".droppable").mouseover(function(){  
    $(".draggable").draggable("option","revert","false");  
}); 

Answer 1

それが動作していません。これらの通話の場所を切り替える：

$('#api').append(hidden); 
$(".hidden" + increase + "").draggable({ revert: true });