javascript - jQuery 上下文菜单不工作

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 毫秒的延迟。让它感觉 react 迟钝和滞后)。