可以使用或不使用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] }
楼上的方法管用,赞一个!但是我发现了一个小问题,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); } }]);
找到以下脚本,把事件源绑定到context,以后就可以用了
function addContext(selector, data) {...$(document).on('contextmenu', selector, function(e) {....context.toElement = e.toElement;....回复