jQuery右键菜单插件context.js

所属分类:导航-其他导航

 82293  377  查看评论 (26)
分享到微信朋友圈
X
jQuery右键菜单插件context.js ie兼容6

特点

        可以使用或不使用Twitter bootstrap.css

        动态添加/删除菜单

        基于事件的链接 

        锚链接 

        递归菜单(无限深度) 

        公共API 

初始化

context.init({
    fadeSpeed: 100,
    filter: function ($obj){},
    above: 'auto',
    preventDoubleContext: true,
    compress: false
});

菜单对象

{
    header: 'My Header Title'
}

锚链接

{
    text: 'My Link Title', 
    href: 'http://www.jq22.com/', 
    target: '_blank'
}

子菜单

{
    text: 'My Sub-menu',
    subMenu: [menuObjects]
}
相关插件-其他导航

jQuery仿微信自定义菜单

jQuery仿微信自定义菜单全屏自适应手机底部弹出菜单
  其他导航
 33842  378

CSS3侧边响应卡片式导航

CSS3侧边响应卡片式导航
  其他导航
 42788  523

H5响应式菜单导航

H5页面自适应,响应式菜单导航
  其他导航
 50032  317

路径菜单path-menu

巨牛逼的用css3完成的导航!
  其他导航
 41581  406

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Luzio 0
    2023/12/15 14:26:49
    zhang?? 0
    2018/3/30 10:55:29
    我就想知道怎么对应某些表格行点击有右键效果,其余地方点击没效果,哪位大神可以告知一下,感谢 回复
    万夫长 0
    2017/7/2 12:02:22
    先现在是想给下拉菜单这个div做个右键菜单,右键后怎么取获取这个对象呢? 回复
    痴呆动物 0
    2017/6/15 10:38:28
    C 1
    2016/8/14 15:08:53

    楼上的方法管用,赞一个!但是我发现了一个小问题,e.toElement 在chrome中可以,其他浏览器中并不管用,我调试后发现,toElement 并不是event事件的属性值,e.target更有用,在其它浏览器里也有该属性,所以我的用法是:在context.js中找到   

    function addContext(selector, data) {...$(document).on('contextmenu', selector,
        function(e) {....context.target = e.target;
    	//在这里加入这句话.....然后调用context.target来使用.例子如下:	
            context.attach('img', [{
                header: '自定义事件'
            },
            {
                text: '下载',
                href: '#',
                action: function(e) {
                    e.preventDefault();
                    var url = context.target.src;
    		//在这里使用
                    alert(url);
                }
            }]);
        C0
        2016/11/29 16:11:02
        表情啥意思? 话说网站没有消息提示的功能啊@管理员
    回复
    yuxiao 1
    2016/6/3 15:06:31

    找到以下脚本,把事件源绑定到context,以后就可以用了

    function addContext(selector, data) {...$(document).on('contextmenu', selector,
        function(e) {....context.toElement = e.toElement;....
    回复
    问梦 0
    2016/5/30 12:05:23
    蜘蛛虾2ooo 0
    2016/4/29 16:04:39
    6.我改完了之后 效果不错 赞
        王者逸0
        2016/8/15 22:08:55
        能把你修改好的分享一下吗 收费也可以
    回复
    蜘蛛虾2ooo 0
    2016/4/29 16:04:05
    5. 这个是我最不能忍的, 菜单 朝向计算问题!! 朝上不足 朝下也不足,居然随便选了一个朝向!! 覆盖了 住了 你知道嘛? 回复
    蜘蛛虾2ooo 0
    2016/4/29 16:04:45
    4.取不到 右键的对象,多亏哥哥那个对象自己存了 选中的obj 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复