易居介绍

Easyui是基于jQuery的用户界面插件的集合。

Easyui为创建现代、交互式和JavaScript应用程序提供了必要的功能。

有了easyui，你不需要写很多代码，只需要写一些简单的HTML标签来定义用户界面。

Easyui是一个完整的框架，完美地支持HTML5网页。

Easyui为您节省了网络开发的时间和规模。

Easyui简单但功能强大。

代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'title5，easyui菜单与按钮/titlelink rel='样式表type='text/css' href='./././ui/jquery-easy ui-1。4 .5/主题/默认/简易ui。CSS ' link rel='样式表type='text/css' href='./././ui/jquery-easy ui-1。4 .5/主题/图标。CSS ' link rel='样式表type='text/css' href='./././ui/jquery-easy ui-1。4 .5/主题/颜色。CSS '脚本src=' http :/././ui/jquery-easy ui-1。4 .5/jquery。量滴js '/script脚本src=' http :/././ui/jquery-easy ui-1。4 .5/jquery。简单的用户界面。量滴js '/script脚本src=' http :/././ui/jquery-easy ui-1。4 .5/locale/easy ui-lang-zh _ cn。js '/script脚本src=' http :/././js/crud/bus _ pub用户。js '/script script $(function(){ $(document)).绑定(' contextmenu '，函数(e){$('#mm ').菜单(' show '，{left : e.pageY，top : e . Pagex })；返回false })；});/scriptscript$(function(){$(').DSB ' TN ' .链接按钮('禁用')；});/剧本/床头柜！-开始创建简单的菜单- !-菜单默认是不显示的需要在爪哇岛描述语言中调用显示-div id=' mm ' class=' measuri-menu ' style=' width : 150 px；高度： 120像素；差异新建/div span打开/span div style=' width :150 px；高度： 120像素；div word/DivDivexcel/divDipowerpoint/div/div/div数据-选项=' iconCls: '图标-保存''保存/divdiv class='menu-sep'/divdiv退出/div/div！-结束创建简单的菜单- !-开始创建链接按钮（链接按钮)-!-链接按钮（链接按钮)实则是使用a元素来创建的。所以实际上一个链接按钮（链接按钮)就是一个显示为按钮样式的a元素-div style=' padd :5 px；背景# fafafa宽度宽度：380像素边界：1像素实线# CCC ' a href=' # ' class=' measuri-link button ' IConCLs=' icon-cancel '取消/aa href=' # ' class=' measuri-link button ' iconCls=' icon-reload ' refresh/aa href=' # ' class=' measuri-link button ' iconCls=' icon-search ' query/aa href=' # ' class=' measuri-link button ' text button/aa href=' # ' class=' measuri-link button '-加上属性普通='真'其实就是去除按钮样式如图-div style=' padd :5 px；背景# fafafa宽度宽度：380像素边界：1像素实心# CCC ' a href=' # ' class='测量-链接按钮'普通='true' iconCls='icon-cancel '取消/aa href=' # ' class='测量-链接按钮'普通=' true ' iconCls=' icon-search ' aa href=' class=' icon-reload ' refresh/aa href=' # ' class=' # ' measuri-link button '普通=' true ' iconCls=' icon-search ' query ' aa href=' # ' class=' measuri-link button '普通-如果要禁用按钮只需要执行$(选择器)。链接按钮('禁用')；-div style=' padd :5 px；背景# fafafa宽度宽度：380像素边界：1像素实线# CCC ' a href=' # ' class=' measuri-link button dsbtn ' icon cls=' icon-cancel '取消/aa href=' # ' class=' measuri-link button dsbtn ' icon cls=' icon-reload ' icon-reload ' refresh/aa href=' # ' class=' # ' class=' measuri-link button dsbtn ' text button/aa-结束创建链接按钮（链接按钮)-!-开始创建菜单按钮（菜单按钮)-div style=' background : # fafafa；padding:5px宽度width :200 pxborder :1 px solid # CCC ' a href=' JavaScript : void(0)' id=' MB ' class=' easui-menubbutton ' data-options=' menu 3360 ' # mm '，iconcl s 3360 ' icon-Edit ' ' Edit/a href=' # ' icon cls=' icon-help ' class=' easui-menubbutton ' menu=' # mm2 ' help/a/div id=' mm ' style=' width 33333 ' height : 180 px ' Menualign=' left ' div数据-选项=' iconcl s 3360 '图标-撤销' ' Undo/div数据-选项=' iconcl s 3360 '图标-重做' '重做/div类=' menu-sep '/div剪切/div复制/div粘贴/div类=' menu-sep '/div数据-选项=' iconcl s 3360 '宽度width :100 px ' height :100 px ' div帮助/div更新/div bout/div/div！ -结束创建菜单按钮（菜单按钮)-/body html

问题1:右键单击按钮出现菜单，但它不会阻止窗口附带的右键菜单。把它拿走！-开始创建一个Link Button) -代码完成后，窗口自带的右键菜单被屏蔽，但点击时不在侧面，而是在顶部；

问题2:如果没有设置高度属性，则不会自动识别高度，如下图所示：

问题3:如下图所示，菜单按钮将显示在顶部，而不是底部，如果没有设置高度，则不会自定义识别高度

这些问题是easyui框架本身的缺陷，或者是设置属性的问题。使用的easyui版本是1.4.5

以上是边肖介绍的jQuery易用户菜单和按钮的详细说明。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！