dragmenu/test.js

The simple menu plugin based on jquery.ui

/**
 * index.js
 */
import "./js/jquery-1.11.0.min.js";
import DragMenu,{ItemAdd} from "./js/dragMenuModule.js";

var menu = DragMenu("#firstMenu",{
    draggable:false
});
ItemAdd({
    icon:".fi-list",
    color:'#000'
},menu);
ItemAdd({
    icon:".fi-torso",
    title:'人员安排',
    color:'#FF5C5C',
    handler:function (e) {
        let target=e.target;
        alert('人员安排---');
    }
},menu);

var menu2 = DragMenu('#secondMenu',{
    defaultColor:'#4f8e8a',
});

menu2.addItem({
    icon:"分组",
    css:{
        color:'#fff',
        "fontSize":"10px"
    }
}).addItem({
    icon:".fi-paypal",
    color:"#7791ff",
    title:'加工组',
    handler:function () {
        alert('加工组，加油!');
    }
}).addItem({
    icon:".fi-link",
    color:"#64F592",
    title:'装配组'
});