可以使用或不使用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;....
回复