jQuery EasyUI API 中文文档 - 菜单按钮(menubutton)

<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>


你可能感兴趣的:(jquery easyui)