jQuery EasyUI API 中文文档 - 菜单按钮（menubutton）

最新推荐文章于 2021-01-19 03:54:59 发布

淘气宝宝

最新推荐文章于 2021-01-19 03:54:59 发布

阅读量1.2k

点赞数

分类专栏： jquery 文章标签： jquery-easyui菜单按钮 jquery-easyui框架 menubutton menubutton的属性 menubutton的方法

本文链接：https://blog.csdn.net/maildocgaojingru/article/details/11229523

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head>
	<script src="jquery-easyui/jquery.min.js"></script>
	<script src="jquery-easyui/jquery.easyui.min.js"></script>
	<script src="jquery-easyui/easyloader.js"></script>
	<script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
	<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
<!--继承$.fn.linkbutton.defaults，使用$.fn.menubutton.defaults重载默认值。-->
<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a>  
<div id="mm">  
    <div iconCls="icon-undo">Undo</div>  
    <div iconCls="icon-redo">Redo</div>  
    <div class="menu-sep"></div>  
	<div>
		<span>Cut</span> 
		<div>
		<div iconCls="icon-remove">123afsdfsdfs</div>
		</div>
	</div>
    <div>Copy</div>  
    <div>Paste</div>  
    <div class="menu-sep"></div>  
    <div iconCls="icon-remove">Delete</div>  
    <div>Select All</div>  
</div> 

<a href="#" id='jin' class="easyui-linkbutton">禁用</a>
<a href="#" id='qi' class="easyui-linkbutton">启用</a>

<script>
	$(function (){
		$("#mb").menubutton({
			menu:$("#mm")
		})
	
		//点击禁用，完成禁用方法
		$("#jin").click(function (){
			$("#mb").menubutton('disable')
		})

		//点击启用，完成启用方法
		$("#qi").click(function (){
			$("#mb").menubutton('enable')
		})
	
	})


</script>

<!--
	menubutton的属性
	plain：为true时不显示边框浮上去会显示边框，相反就是正常的样式，默认是true
	menu：用来创建一个相应菜单的选择器。
	duration:定义鼠标划过按钮时显示菜单所持续的时间，单位为毫秒。默认是100


	menubutton的方法
	disable：禁用菜单按钮。
	enable：启用菜单按钮。
-->
</body>
</html>

淘气宝宝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery EasyUI API 中文文档 - 菜单按钮（menubutton）

Edit Undo Redo Cut 123afsdfsdfs Copy Paste Delete Select All 禁用启用 $(function (){ $("#mb").menubutton({ menu:$("#mm")
复制链接

扫一扫