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-1.8.0.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>
关注编程学问公众号