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>
相关文章
jquery easyui parser 解析器 jquery easyui easyui更新说明jquery easyui tooltip 提示框 jquery easyui 汉化说明jquery easyui datagrid filter row 可过滤行的数据表格 jquery easyui rtl support rtl支持 jquery easyui pivotgrid 数据分析表格 jquery easyui cell editing in datagrid 单元格编辑表格 jquery easyui columns extension for datagrid 列扩展表格 jquery easyui passwordbox 密码框 jquery easyui combotreegrid 树形表格下拉框 jquery easyui layout 布局 jquery easyui menu 菜单 jquery easyui linkbutton 按钮 jquery easyui menubutton 菜单按钮 jquery easyui splitbutton 分割按钮 jquery easyui numberspinner 数字微调 jquery easyui timespinner 时间微调 jquery easyui slider 滑动条 jquery easyui datagrid 数据表格
关注编程学问公众号