jQuery EasyUI 扩展 – RTL 支持

2018-09-20 23:04 更新

jQuery EasyUI 扩展 - RTL 支持（RTL support）

包含 RTL 文件

如需启用 RTL 功能，则要包含 'easyui-rtl.css' 和 'easyui-rtl.js' 文件。

<link rel="stylesheet" type="text/css" href="//www.w3cschool.cn/try/jeasyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="easyui-rtl.css">  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js" rel="external nofollow" ></script>  
<script type="text/javascript" src="//www.w3cschool.cn/try/jeasyui/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="easyui-rtl.js"></script>

添加 RTL 属性

请记得向 <body> 标签添加带有 'rtl' 值的 'dir' 属性。

	<body dir="rtl">
		<div class="easyui-accordion" data-options="fit:true,border:false">  
			<div title="Title1" style="padding:10px;">  
				content1  
			</div>  
			<div title="Title2" data-options="selected:true" style="padding:10px;">  
				content2  
			</div>  
			<div title="Title3" style="padding:10px">  
				content3  
			</div>  
		</div>  
	</body>

下载 jQuery EasyUI 实例

jquery-easyui-rtl.zip

jQuery EasyUI 扩展

以上内容是否对您有帮助：

写笔记

我要补充

jQuery EasyUI 扩展 – RTL 支持

jQuery EasyUI 扩展 - RTL 支持（RTL support）

包含 RTL 文件

添加 RTL 属性

下载 jQuery EasyUI 实例

推荐文章

推荐教程

推荐课程