简介

之前在写一个web桌面应用框架的时候写过一款"中文"的插件，当时是自己写的css和js，除了图标之外不需要依赖bootstrap的支持。
后来在测试的时候，发现并不怎么理想，尤其是在firefox、Safari下，中文有时候会不支持所以无法执行，并且想着还有很多BUG，于是就重新写了。。

目前貌似bootstrap已经更新到了3.3.0，但个人感觉不怎么美观，所以就在本人比较喜欢的3.2.0风格的基础上写了一点样式，想知道长啥样？右键试试!

// 项目地址
var github = "https://github.com/h01/bmenu

使用

使用的方法很简单，首先在页面中加载我们的js文件：

<script src="bmenu.js"></script>

然后我们来配置我们要创建的菜单对象：

var menu = bmenu.init([
{
    text: '文字',
    icon: '图标class',
    menu: '多级菜单',
    callback: '回调函数',
    disabled: '是否禁用'
}
]);

然后我们把这个菜单绑定到dom上，比如document：

bmenu.bind(menu, document);

文档

从上面的例子中很清晰的就了解到，我们需要先定义一个菜单，然后再把这个菜单绑定到某个dom上。
菜单的选项使用注意： 1.icon的图标为Glyphicon字体图标中的图标，不过我们不需要前面的glyphicon，只需要后面的就可以了，比如：glyphicon-plus
2.其他可以不定义，text为必须，如果需要分隔符，只需要设置为---即可。如：

{
    text: '—'
}

3.disabled默认为false，如果需要禁用只需要设置为true即可，一般不需要理会。
4.menu多级菜单和一级菜单定义方法一样。

然后就是绑定方法，第一个参数为我们定义好的menu对象，第二个为要绑定某个dom的右键事件，如果是某个ID，则可以这样定义：

bmenu.bind(menu, document.getElementById('id'));

当然，如果我们图方便，也可以使用Jquery，不过使用方法有改变如下：

bmenu.bind(menu, $('#id')[0]);

最后，试试在下面的吐槽div里右键一下？