Jquery上下文菜单与引导程序3字形图标

Question

有人尝试过带有Bootstrap图标的jQuery contextMenu吗？

示例JS代码：

$(function(){
    $.contextMenu({
        selector: '.context-menu-one', 
        items: {
            "edit": {name: "Edit", icon: "glyphicon glyphicon-edit"},
            "cut": {name: "Cut", icon: "cut"},
            "copy": {name: "Copy", icon: "copy"},
            "paste": {name: "Paste", icon: "paste"},
            "delete": {name: "Delete", icon: "delete"},
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });
});

有没有其他方法可以在bootstrap中创建多级上下文菜单？？

Answer 1

您可以在jquery.contextMenu.css中更改图标的css，如在css 中使用字体真棒图标中指定的那样

以下是的示例

原始

.context-menu-item.icon-edit {
  background-image: url(images/edit.png);
}

新

.context-menu-item.icon-edit {
    position: relative;
}
.context-menu-item.icon-edit:before {
    content:"270f";
    font-family: "Glyphicons Halflings";
    left: 5px;
    position: absolute;
    top: 5;
}

Answer 2

看看这个链接。这个上下文菜单是bootstrap类型的，所以你在使用它时不会遇到任何问题。希望这对有帮助