结合bootstrap treeview与contextJS实现的treeview的右键菜单功能

今天在制作菜单的时候遇见一个问题,需要作出类似于右键菜单功能。在查询bootstrap treeview的方法的时候,并没有找到合适的解决方案。经过同事的提醒,结合contextJS实现类似功能首先下面是contextJS的地址    http://www.jq22.com/yanshi322下载后分别引用了js: context.js  和   css context.standalone.cs...
摘要由CSDN通过智能技术生成

今天在制作菜单的时候遇见一个问题,需要作出类似于右键菜单功能。

在查询bootstrap treeview的方法的时候,并没有找到合适的解决方案。

经过同事的提醒,结合contextJS实现类似功能

首先

下面是contextJS的地址    http://www.jq22.com/yanshi322

下载后分别引用了js: context.js  和   css context.standalone.css

然后

$(document).ready(function () {

    context.init({ preventDoubleContext: false });//初始化

    context.settings({ compress: true });

    context.attach('#tree li', [
        { header: '执行操作' },
        {
            text: '修改', action: function (e) {
                revi();
            }
        },
        { text: '删除', href: '#' },
        { text: '新建下级', href: '#' },
        { text: '新建同级', href: '#' },

    ]);


    $(document).on('mouseover', '.me-codesta', function () {
        $('.finale h1:first').css({ opacity: 0 });
        $('.finale h1:last').css({ opacity: 
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值