1

我有一个非常简单的 jQuery 可拖动/可排序/可放置组合，我正在对几个 div 进行排序，每个 div 都包含一个包含在带有 href 的锚元素中的图像。

问题是，当我将可排序项目拖动到“垃圾”可放置区域（以销毁它）时，页面有时会更改其位置并从可拖动项中转到 href URL！

我已经从页面中调试了地狱，这不是我的任何代码导致的。drop 事件正常发生并返回（我尝试返回 true 和 false）就好了。这是 jQuery UI 代码中的某些东西导致 href 被触发。

它不会每次都发生。我没有“点击”元素 - 只是拖动。

任何人都可以提供建议吗？

我的可放置代码示例：

var trash = this._area_trash.droppable({
    drop: this.eventtrashDrop,
    hoverClass: 'highlight'
});

// ...

this.eventtrashDrop = function(event,ui) {
    var o = ui.draggable;
    if( typeof(o)=='object' && o!=null ) {
        if( o.parents(obj._selector_stack_area).length>0 ) {
            var id = parseInt(o.attr('lang'));
            o.remove();
            obj.eventStateRemove(id);
        }
    }
    // Page location hasn't been changed yet!
    return true;
}

编辑：原始问题仍然存在，我怀疑这是 jQuery UI 中的某种错误。然而，一种解决方法是在销毁可排序项目之前用 div 替换锚元素，这样它就不能更改为锚的 href：

        var anchor = jQuery(o).find("a");
        var img    = jQuery(anchor).html();
        jQuery(anchor).replaceWith("<div/>").html(img);
4

1 回答 1

0

在我看来，点击时会触发锚点。
您需要监听事件并防止默认操作。
像这样的东西：

$('a').click(function(event){
    event.preventDefault();
});
于 2012-11-21T16:33:04.053 回答