draggable revert не работает динамически

Question

Я создаю много div динамически и добавляю их draggable dynamicam.but есть некоторая проблема. Я хочу вернуть false или false, когда перетаскиваю его в определенный div, класс которого недоступен. Как я могу сделать это динамически.

<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> 

Я также попробовать это, но он не работает

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

Answer 1

Вы добавления элемента только после вызова .draggable для него. Переключить места этих вызовов:

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