如何在jquery(ui)中刷新元素上的事件

A我可以从你的问题中看出,你需要关闭一些元素的事件。你可以利用 off() method .

例如,请参见下面的代码:

HTML格式

List A
<ul>
  <li class="draggable">item1</li>
  <li class="draggable">item2</li>
</ul>

List B
<ul class="droppable">

</ul>

$('.draggable').draggable({
  helper: 'clone'
}).click(function() {
  alert($(this).text());
});


$('.droppable').droppable({
  drop: function(ev, ui) {
    // Add element with all events
    var dropElement = ui.draggable.clone(true, true);
    $(this).append(dropElement);

    // Add element without any events
    var dropElementWithoutEvents = ui.draggable.clone(true, true).off();       
    $(this).append(dropElementWithoutEvents);
  }
});

ui.draggable.clone(true, true).off() 删除所拖动元素的所有事件 click 事件不是通过单击触发的,而是 dropElement ,它被烧掉了。

Online demo (jsFiddle)

我已经通过在另一个 draggable() 打电话来。

初始化时,我有:

$( ".a" ).draggable({ 
    //...settings
});

$( ".b" ).draggable({ 
    //...settings
});

 $("#B").droppable({
     accept: ".a",
     //...settings
     drop: function(event, ui) {
         var clone = $(ui.draggable).clone()
         clone.removeClass("a");
         clone.addClass("b");
         $("#B").append(clone);
         $(clone).draggable({ 
             //...sameSettings
         });
     }
 });

现在克隆的元素作为一个原生的B元素工作,并且一切都正常工作。