jQuery UI拖放后可排序停止事件

Question

我正在使用jQuery UI Sortable插件，并且所有事情都按预期的方式工作。在完成拖动项目以重新排列列表（<A>标记的列表）后，点击事件在完成放置后触发。

之前有人遇到过这个问题吗？如果是这样，你是怎么去修理它的？

Answer 1

好吧......我想通了..

这里是我的解决方案：

$(thumbOpts.container).sortable({ 
     items: '.page', 
     revert: true, 
     opacity: 0.5, 
     start: function(evt, ui) { 
      var link = ui.item.find('a'); 
      link.data('click-event', link.attr('onclick')); 
      link.attr('onclick', ''); 
     }, 
     stop: function(evt, ui) { 
      setTimeout(
       function(){ 
        var link = ui.item.find('a'); 
        link.attr('onclick', link.data('click-event')); 
       }, 
        200 
      ) 
     } 
    }); 

Answer 2

只需添加选项排序：

helper : 'clone' 

这将阻止点击事件源元素，并不会改变任何用户体验。

请参阅doc for "helper"。