插件描述&＃xff1a;一个最简单的&＃xff0c;很好看的jQuery右键菜单
一个最简单的&＃xff0c;很好看的jQuery右键菜单
特点
唯一的依赖是jQuery。
简单的API。
开箱看起来不错&＃xff0c;不需要额外的调整。
设计的外观和行为像一个标准的Windows上下文菜单
只这么少的代码&＃xff0c;它应该是很容易地添加自己的自定义功能。
菜单看起来像这样
style&＃61;"float:none;" title&＃61;"screenshot.png"/>
使用步骤
安装
包括文件jquery.contextmenu.css在页面的
jquery.contextmenu.js。您还需要jQuery的。建议您使用 HTML 5 DOCTYPE 以确保呈现的一致性。html>
... rest of your stuff ...
用法
插件引入了contextPopup()方法&＃xff0c;到jQuery对象。
假设你有一个元素&＃xff0c;你想绑定上下文菜单&＃xff1a;
hello DIV>
您可以连接上下文菜单是这样的&＃xff1a;$(&＃39;#mythingy&＃39;).contextPopup({
title: &＃39;My Popup Menu&＃39;,
items: [
{label:&＃39;Some Item&＃39;, icon:&＃39;icons/shopping-basket.png&＃39;, action:function() { alert(&＃39;clicked 1&＃39;) } },
{label:&＃39;Another Thing&＃39;, icon:&＃39;icons/receipt-text.png&＃39;, action:function() { alert(&＃39;clicked 2&＃39;) } },
null, /* null can be used to add a separator to the menu items */
{label:&＃39;Blah Blah&＃39;, icon:&＃39;icons/book-open-list.png&＃39;, action:function() { alert(&＃39;clicked 3&＃39;) } },
]});
Icons
图标应该是16x16像素。 我建议Fugue图标集
京公网安备 11010802041100号