本帖最后由 jokin1999 于 2018-9-17 20:58 编辑
jQuery-Contextify简介
jQuery-Contextify 是一款能添加页面右键菜单的jQuery插件
项目背景
最近在开发自主云盘时,发现contextify 不支持Bootstrap4 ,所以fork了原项目进行了改进,同时递交了merge request。
原项目:https://github.com/abeMedia/jquery-contextify
新项目:https://github.com/jokin1999/jquery-contextify
由于作者已经两年没有对该项目进行更新了,故于52pojie论坛进行新版本的发布。
使用方法
由于原项目加入了cdn加速,并且可能不再对merge request进行审核,所以提供了以下地址可供使用。
原始地址:https://raw.github.com/jokin1999/jquery-contextify/master/dist/jquery.contextify.js
CDN地址:https://cdn.twocola.com/jQuery-Contextify/1.0.8/jquery.contextify.min.js
如果您是Bootstrap 3的用户
您可以使用以下方法对Bootstrap3进行支持
<script>
var options = {items:[...],
dividerClass: 'divider', // Support for Bootstrap3
}
$('.foo').contextify(options);
</script>
Bootstrap4用户无需使用其他配置进行支持
其他选项
名称 |
类型 |
默认值 |
描述 |
items |
array |
[] |
菜单项的数组 |
action |
string |
contextmenu |
自定义菜单的呼出方式 (可以是 contextmenu , click 或者 mouseover ). |
menuId |
string |
contextify-menu |
指定menu 的ID |
menuClass |
string |
dropdown-menu |
指定menu 的class |
itemClass |
string |
dropdown-item |
指定item 的class |
headerClass |
string |
dropdown-header |
指定header 的class |
dividerClass |
string |
dropdown-divider |
指定divider 的class |
请注意,CDN地址仅可使用文档中或本页中提到的地址,原作者提供的CDN地址不支持Bootstrap4
更多文档请参阅新项目 https://github.com/jokin1999/jquery-contextify
|