吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3303|回复: 3
收起左侧

[其他原创] 【Contextify】右键菜单插件支持Bootstrap4与优化

[复制链接]
jokin1999 发表于 2018-9-16 13:18
本帖最后由 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 指定menuID
menuClass string dropdown-menu 指定menuclass
itemClass string dropdown-item 指定itemclass
headerClass string dropdown-header 指定headerclass
dividerClass string dropdown-divider 指定dividerclass

请注意,CDN地址仅可使用文档中或本页中提到的地址,原作者提供的CDN地址不支持Bootstrap4

更多文档请参阅新项目https://github.com/jokin1999/jquery-contextify

免费评分

参与人数 1吾爱币 +5 热心值 +1 收起 理由
wushaominkk + 5 + 1 感谢发布原创作品,吾爱破解论坛因你更精彩!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

linuxprobe 发表于 2018-9-16 13:51
使用这个插件,电脑启动速度特曼。
 楼主| jokin1999 发表于 2018-9-28 20:54
linuxprobe 发表于 2018-9-16 13:51
使用这个插件,电脑启动速度特曼。

这个插件跟电脑启动速度没有关系
106lby9574972 发表于 2018-9-28 23:48 来自手机
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-15 19:30

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表