Question

我正在尝试为我的网站制作一个自定义右键单击（上下文）菜单，但正如标题所说我完全失败了。这是一个包含所有代码的JSFiddle示例： http://jsfiddle.net/Rb49h/

$(document).ready(function () {
    // Context Menu :P
    $context = $("#contextMenu");
    $(document).bind("contextmenu", function(e) {
        e.preventDefault();
        $context.fadeOut(300);
        setTimeout(function () {
            $context.css({top: e.pageY + "px", left: e.pageX + "px"});
            $context.fadeIn(300);
        }, 301);
    });
    $(document).bind("click", function (e) {
        if (!$(e.target).is("#contextMenu")) {
            $context.fadeOut(300);
        }
    });
});

Answer 1

bootstrap默认将.dropdown-menu设置为display:none。如果你覆盖它，它可以工作：

http://jsfiddle.net/Fr4F9/

.dropdown-menu {
    display:block;
}

（作为旁注，我不关心300毫秒的延迟。让它感觉没有反应和迟钝）。

jQuery上下文菜单不起作用

1 个答案: