bootstrap用dropdown-menu实现上下文菜单

写在前面：
所谓上下文菜单，它与一般菜单的区别在于：
通过右键触发显示在鼠标右键点击处
鼠标在别处点击后，该菜单消失
实现方法：
在html中定义一个普通的没有触发条件的dropdown-menu，然后写这个menu的父容器的监听即可实现。
代码：

<div id="settingInGraph">
<ul class="dropdown-menu" role="menu"
aria-labelledby="dropdownMenu" id="contextMenu">
<li><a tabindex="-1" href="#">任务指派</a></li>
<li><a tabindex="-1" href="#">任务监听</a></li>
<li><a tabindex="-1" href="#">任务表单</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">...</a></li>
</ul>
</div>

$("#settingInGraph")
									.mousedown(
											function(e) {
												if (3 == e.which) {
													document.oncontextmenu = function() {
														return false;
													}
													$("#contextMenu").hide();
													$("#contextMenu")
															.attr(
																	"style",
																"display: block; position: fixed; top:"
																		+ e.pageY
																			+ "px; left:"
																			+ e.pageX
																			+ "px; width: 180px;");
													$("#contextMenu").show();
												}
											});
							$("#settingInGraph").click(function(e) {
								$("#contextMenu").hide();
							});
[/js]
***************************格叽格叽*********************************
这玩意儿大家认为需不需要封装组件啊？
    

应该上个图片的！！