今天在制作菜单的时候遇见一个问题,需要作出类似于右键菜单功能。
在查询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: