jQuery Sortable —拖动时删除默认行为，放下后恢复
||
我有一个图片网格，我希望可以拖放该图片进行排序。 sortable（）很好用。需要注意的是，我还运行了jQuery Fancybox插件http://fancybox.net，单击该插件将打开图像的较大视图。
因此，您可以单击以开始拖动，但是一旦放下，fancybox就会被触发并且图像放大。
我已经尝试过类似的操作，但是事情真的搞砸了（拖动不再起作用，我的列表在页面上重新排列，很讨厌）：
$(\'#list\').sortable({
start:function(e,ui) {
e.preventDefault();
}
});
start
stop
click
$.fancybox()
没有找到相关结果
已邀请:
3 个回复
蓄荣糖些
$(\'#list\').sortable({ start:function(e,ui) { ui.item.addClass(\'drag_sort\'); } }); $(\'#list\').fancybox({ onStart:function(items,index,opts) { var obj = $(items[index]).parent() if (obj.hasClass(\'drag_sort\')) { obj.removeClass(\'drag_sort\'); return false; } } });放到sortable的回调中是行不通的：显然，sortable在fancybox之前触发，因此类在fancybox出现时就消失了。 请注意，sortable直接针对列表中的，而fancybox则针对列表项中的。这就是为什么我必须在fancybox的中得到ѭ12的原因。哦，只要将ѭ9中的ѭ14移到足以让fancybox忽略该点击！窝头菊
var clickIsForDragging = false; $(\'#list li\').click(function() { // Ignore dragging clicks if (clickIsForDragging) { clickIsForDragging = false; return; } // Perform whatever normal click action }); $(\'#list\').sortable({ start:function(e,ui) { e.preventDefault(); clickIsForDragging = true; } });淑灯
$(\'#list\').sortable({ start:function(e,ui) { //e.preventDefault(); - I am not sure that would be necessary $(\'#list li\').addClass(\'drag_sort\'); } stop:function(){ $(\'#list li\').removeClass(\'drag_sort\'); } }); $(\'#list li\').fancybox({ onStart:function(){ if($(this).hasClass(\'drag_sort\')){ $.fancybox.cancel(); } } });