bootstrap右键弹出菜单
2016-01-12 20:05
281 查看
在网上找了简单的bootstrap模板,想在某个div上做个简单的右键弹出菜单,下面是我做的具体步骤:
1.在网上找个bootstrap-contextmenu.js的插件!
![](http://img.blog.csdn.net/20160112194646377)
2.然后把它放到相应的文件夹,我是把它放在了dist/js文件夹里,在bootstrap的网页代码中引入这个插件
![](http://img.blog.csdn.net/20160112194854645)
3.其他的代码基本不用做改动,前提你在原bootstrap模板的基础上做的修改没有出现差错,相关的bootstrap、jQuery等插件都有导入
![](http://img.blog.csdn.net/20160112195317388)
![](http://img.blog.csdn.net/20160112195431177)
(网页可以正常显示的基本没什么问题了)
4.在需要做弹出右键菜单的部分的div里加入下面代码(有点类似弹出modal框的代码。。)
![](http://img.blog.csdn.net/20160112194839003)
但下面对应id给出的代码的中间内容部分则是列表
![](http://img.blog.csdn.net/20160112195731143)
就这样在相应div的范围里就可以弹出右键菜单了。
1.在网上找个bootstrap-contextmenu.js的插件!
2.然后把它放到相应的文件夹,我是把它放在了dist/js文件夹里,在bootstrap的网页代码中引入这个插件
3.其他的代码基本不用做改动,前提你在原bootstrap模板的基础上做的修改没有出现差错,相关的bootstrap、jQuery等插件都有导入
(网页可以正常显示的基本没什么问题了)
4.在需要做弹出右键菜单的部分的div里加入下面代码(有点类似弹出modal框的代码。。)
但下面对应id给出的代码的中间内容部分则是列表
就这样在相应div的范围里就可以弹出右键菜单了。
相关文章推荐
- ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统(开篇)
- JS组件系列——Bootstrap 树控件使用经验分享
- .Net读取AD中的用户并使用BootstrapTable的ajax分页
- CSS过渡 && bootstrap transition
- Bootstrap源码分析
- 【Bootstrap】Bootstrap和Java分页-第一篇
- 轻松实现Bootstrap图片轮播
- Bootstrap中的下拉菜单
- Bootstrap图片轮播
- jquery,bootstrap实现的用户名片信息提示
- Bootstrap图片轮播
- 轻松实现Bootstrap图片轮播
- struts +bootstrap+freemarker实现的后台黑名单管理。
- springmvc整合mybatis框架源码 bootstrap html5
- Bootstrap自适应导航栏
- Bootstrap 分页
- bootstrap学习记录
- 跟着和尚一步一步搭建springmvc+springdata-jpa+mybatis+shiro+bootstrap项目(三)
- bootstrap引用glyphicon图标无法显示
- seajs和bootstrap结合的分页器