jquery - 当我使用拖放功能移动链接时，如何防止点击链接？

Question

我允许移动（拖放）一些包含内部链接（a）的元素，在用户删除它之后，它会将浏览器重定向到移动元素的href。我怎么能允许点击该元素并拖放它呢？ 我使用http://dragsort.codeplex.com/插件。

Answer 1

您可以使用preventDefault()阻止对链接，按钮等操作默认行为;

$( ".selector" ).draggable({
   stop: function(event, ui) {
         // Do some stuff when you've finished dragging your element
         event.preventDefault(); }
});

查看jQuery API以获取更多信息。

Answer 2

如果希望跳过默认操作，则需要调用event.preventDefault（）。由您决定是否拖动项目，因此不应导航，-vs-标准点击。但假设您在数据中存储了一个标志，它可能看起来像这样：

$('.something').click(function(event) { 
    if ($(this).data('dragging')) {
        event.preventDefault();
        $(this).data('dragging',false);
    }
}