当 JQuery 插件之间的事件发生冲突时，我该怎么办？

发布于 2024-10-17 07:50:44 字数 911 浏览 2 评论 0原文

我有两个插件附加到父元素和其子元素。

父级附加了 JQuery UI 可选插件，其子级附加了名为 jquery 上下文菜单。

使用jquery contextMenu plguin，有一个应用了$.stopPropagation()函数的mousedown事件。

部分 contextMenu 代码：

(this).mousedown( function(e) {
    var evt = e;
    evt.stopPropagation();
    $(this).mouseup( function(e) {
    e.stopPropagation();
        // more code below...
});

但同时，JQuery UI selectable 似乎使用 mousedown 事件 来进行元素选择，所以，因为 contextMenu< /code> ，可选插件无法再进行选择。

现在，我必须删除 contextMenu 的代码 $.stopPropagation() 和 selectable 插件 再次工作，我希望这种方式不会破坏 contextMenu 插件。

最后，我应该怎么做才能让它们一起工作而不修改代码，因为这样做很危险？

非常感谢！！

原文

I have tow plugins attach to the parent element and its children.

parent attached with JQuery UI selectable plugin and its children attached with a plugin called jquery contextmenu.

With the jquery contextMenu plguin,there is a mousedown event with $.stopPropagation() function applied.

partial of the contextMenu code:

(this).mousedown( function(e) {
    var evt = e;
    evt.stopPropagation();
    $(this).mouseup( function(e) {
    e.stopPropagation();
        // more code below...
});

But at the same time,the JQuery UI selectable seems to use the mousedown event to make elements selection,so,because the contextMenu ,the selectable plugin couldn't make selection any more.

Now,I had to remove the code $.stopPropagation() of contextMenu and the selectable plugin work again and I hope this way didn't break the contextMenu plugin.

And finally , what should I do to make them work together without modify the code,because it is danger to do this??

Thank you very much!!

分享到QQ

分享到微博