Javascript jQuery上下文菜单不工作

我正试图为我的网站定制一个右键点击（上下文）菜单，但正如标题所说，我完全失败了。这是一个包含所有代码的JSFIDLE示例：

---

bootstrap正在将您的

。下拉菜单设置为默认的
显示：无。如果覆盖该选项，它将起作用：


（顺便说一句，我不在乎300毫秒的延迟。这会让人感觉没有反应和迟钝）。
引导程序正在设置您的
。下拉菜单
默认设置为
显示：无
。如果覆盖该选项，它将起作用：


（顺便说一句，我不在乎300毫秒的延迟。这会让人感觉反应迟钝）.
感觉那里缺少了一些css。如果我检查它，我可以看到所有的元素…感觉那里缺少了一些css。如果我检查它，我可以看到所有的元素…淡出效果的延迟是为了使它看起来平滑，等等。。。如果我设置“transition:none；”在“#contextMenu”对象上，它工作正常，没有延迟，什么都没有。无论如何谢谢你！淡出效果的延迟是为了使它看起来平滑和填充。。。如果我设置“transition:none；”在“#contextMenu”对象上，它工作正常，没有延迟，什么都没有。无论如何谢谢你！
$(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);
        }
    });
});

.dropdown-menu {
    display:block;
}