RTL suport for jQuery EasyUI(jQuery EasyUI RTL 支持)
Extension > RTL suport for jQuery EasyUI
扩展下载地址:http://www.jeasyui.com/extension/downloads/jquery-easyui-rtl.zip (我发布的程序包整也有提供,在extension目录下)
导入 RTL 文件
启用RTL功能,需要导入 'easyui-rtl.css' 和 'easyui-rtl.js' 文件。
- <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
- <link rel="stylesheet" type="text/css" href="easyui-rtl.css">
- <script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
- <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
- <script type="text/javascript" src="easyui-rtl.js"></script>
添加 RTL 属性
记住要往<body>标签添加 'dir' 属性,其值为 'rtl'。
- <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>