I have elements on the page which are draggable with jQuery. Do these elements have click event which navigates to another page (ordinary links for example).
在允许单击时，最好的方法是什么，以防止单击在删除此类元素时触发，同时允许单击处于非拖放状态？
我对可排序元素有这个问题，但我认为对于一般的拖放有一个解决方案是很好的.
I've solved the problem for myself. After that I found that same solution exists for Scriptaculous, but maybe someone has a better way to achieve that.
Solution is to add click handler that will prevent click to propagate on start of drag. And then remove that handler after drop is performed. The last action should be delayed a bit for click prevention to work.
可排序解决方案:
...
.sortable({
...
start: function(event, ui) {
ui.item.bind("click.prevent",
function(event) { event.preventDefault(); });
},
stop: function(event, ui) {
setTimeout(function(){ui.item.unbind("click.prevent");}, 300);
}
...
})
可拖动的解决方案:
...
.draggable({
...
start: function(event, ui) {
ui.helper.bind("click.prevent",
function(event) { event.preventDefault(); });
},
stop: function(event, ui) {
setTimeout(function(){ui.helper.unbind("click.prevent");}, 300);
}
...
})