<!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.min.js"></script> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.easyui.min.js"></script> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js" ></script> <link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/icon.css" /> <script type="text/javascript"> $(function(){ $("#edit").splitbutton({ plain : false, menu : "#box", duration : 1000, }); //返回属性对象 console.log($("#edit").splitbutton("options")); //禁用菜单按钮 $("#edit").splitbutton("disable"); $("#edit").splitbutton("enable"); //禁用菜单按钮 //$("#edit").splitbutton("destroy"); }); </script> </head> <body> <!-- 分割按钮 依赖于menu组件 和 linkButton 按钮组件 --> <a href="javascript:void(0)" id="edit" class="easyui-splitbutton" data-options="menu:'',iconCls:'icon-edit'"> 编辑 </a> <div id="box" style="100px;"> <div data-options="iconCls:'icon-ok'">ok</div> <div data-options="iconCls:'icon-cancel'">cancel</div> </div> </body> </html>