可拖动恢复不能动态工作

Question

我动态创建了许多div，并将它们添加为可动态拖动的。但是有一些问题。我想恢复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 });