小编nig*_*gel的帖子

我有多个DOM元素和上下文菜单.当一个元素是另一个元素的子元素并且我调用内部子元素的上下文菜单时,我也会看到父元素的上下文菜单.这是使用jquery-ui.contextmenu插件实现的.

有没有办法配置插件以防止显示父菜单,或者我将不得不手动处理所有点击事件并过滤它们,所以我只显示我想要的菜单？

以下是我的代码:

HTML:

    <!-- Add a child which will have a context menu -->
    <div class="outer-child" id="outer-child">
        Outer Child

        <!-- inner child with its own context menu -->
        <div class="inner-child" id="inner-child">
            Inner Child
        </div>
    </div>
</div>

CSS:

.outer-child {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    border: 1px solid red;
    background: green;
}
.inner-child {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100px;
    height: 100px;
    border: 1px solid blue;
    background: yellow;
}

JavaScript的:

// …