jquery contextmenu与引导3 glyphicons

有没有人试过jQuery-contextMenu Bootstrap图标？jquery contextmenu与引导3 glyphicons

样品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"} 
     } 
    }); 
});

是有任何其他方式在引导创建多级文本菜单？

来源

2014-10-18 Ganesh

这是完美的一个在web – Innodel 2014-10-18 05:57:15

上下文菜单工作，但它不工作，因为jQuerycontextMenu无法找到相同的图标，有没有什么办法添加服装图标路径？ – Ganesh 2014-10-18 06:18:01

像http://jsfiddle.net/arunpjohny/kjLxwq88/1/？ – 2014-10-18 06:32:05

看看this链接。这是文本菜单式引导的，所以你不会得到任何问题，而使用it.Hope这有助于

来源

2014-10-18 06:43:00 Innodel

是的，我已经试过这个，但它不支持多级别/子菜单... :( – Ganesh 2014-10-18 06:45:08

）比我可以说你没有做足够的研究这个。看看[这个]（http：// demo .code-abc.com/tcm/example /）示例，子菜单像魅力一样工作 – Innodel 2014-10-18 06:49:43

感谢它的工作...... :) – Ganesh 2014-10-18 08:06:24

在Use Font Awesome Icons in CSS

这里指定您可以更改CSS在jquery.contextMenu.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; 
}

来源

2015-10-11 00:12:35 vbranden

jquery contextmenu与引导3 glyphicons

回答

相关问题