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' 文件。

 
  1. <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> 
  2. <link rel="stylesheet" type="text/css" href="easyui-rtl.css"> 
  3. <script type="text/javascript" src="../../jquery-min.js"></script> 
  4. <script type="text/javascript" src="../../jquery.easyui.min.js"></script> 
  5. <script type="text/javascript" src="easyui-rtl.js"></script>    

添加 RTL 属性

记住要往<body>标签添加 'dir' 属性，其值为 'rtl'。

 
  1. <body dir="rtl">
  2.     <div class="easyui-accordion" data-options="fit:true,border:false">  
  3.         <div title="Title1" style="padding:10px;">  
  4.             content1  
  5.         </div>  
  6.         <div title="Title2" data-options="selected:true" style="padding:10px;">  
  7.             content2  
  8.         </div>  
  9.         <div title="Title3" style="padding:10px">  
  10.             content3  
  11.         </div>  
  12.     </div> 
  13. </body>