写在前面:
所谓上下文菜单,它与一般菜单的区别在于:
通过右键触发显示在鼠标右键点击处
鼠标在别处点击后,该菜单消失
实现方法:
在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(); });
***************************格叽格叽*********************************
这玩意儿大家认为需不需要封装组件啊?
分享到:
相关推荐
详解bootstrap用dropdown-menu实现上下文菜单 写在前面: 所谓上下文菜单,它与一般菜单的区别在于: 通过右键触发显示在鼠标右键点击处 鼠标在别处点击后,该菜单消失 实现方法: 在html中定义一个普通的...
赠送jar包:swagger-bootstrap-ui-1.9.6.jar; 赠送原API文档:swagger-bootstrap-ui-1.9.6-javadoc.jar; 赠送源代码:swagger-bootstrap-ui-1.9.6-sources.jar; 赠送Maven依赖信息文件:swagger-bootstrap-ui-...
我在一个div中生成的是一个多级列表,需要多次点击列表,找到对应的列表项,而Bootstrap默认在dropdown-menu中点击一次就会消失。 点击右侧的按钮,弹出一个多级列表 代码如下: <div class=dropdown> ...
bootstrap-hover-dropdown.min.js 2.2.1,插件,实现hover下拉菜单
bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css
bower install bootstrap-dropdown-on-hover 或下载或。 在您的网页中: < script src =" jquery.js " > </ script > < script src =" dist/bootstrap-dropdown-on-hover.min.js " > </ ...
fastadmin 表格添加固定表头 bootstrap-table-fixed-columns所需插件
bootstrap-table-zh-CN.js,有需要就下载吧
css-jquery-dropdown-menu-like-bootstrap css-jquery-dropdown 菜单类似于 bootstrap 下拉菜单样式
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑
如有使用疑问,联系博主 bootstrap-table-fixed-columns.css固定列 冻结列
bootstrap最新版资源下载不易。
bootstrap-table-editable.js
runoob-bootstrap3-dropdown-basic.html
bootstrap-table-pagejump。bootstrap分页插件查询有的需要跳转到指定页面。
Java bootstrap-3.4.1-dist 前端框架
最近需要对表头进行冻结,找到了bootstrap-table-fixed-columns组件(也是bootstrap-table作者写的)能实现冻结效果,但带来了其他问题,包括:排序失效、列宽错位、合并行无效等,于是引入该组件的同时,顺便解决了...