【Contextify】右键菜单插件支持Bootstrap4与优化
本帖最后由 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** 使用这个插件，电脑启动速度特曼。 linuxprobe 发表于 2018-9-16 13:51
使用这个插件，电脑启动速度特曼。
这个插件跟电脑启动速度没有关系 多谢分享
页:
[1]