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