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实现可编辑表格jquery easyui datagrid单元格鼠标移动弹出提示框tooltip的使用方法jquery easyui parser 解析器 jquery easyui rtl support rtl支持 jquery easyui filebox 文件框 jquery easyui datalist 数据列表 jquery easyui mobile 移动 jquery easyui switchbutton 开关按钮 jquery easyui pivotgrid 数据分析表格 jquery easyui progressbar 进度条 jquery easyui panel 面板 jquery easyui tabs 选项卡 jquery easyui accordion 分类 jquery easyui datebox 日期输入框 jquery easyui datetimebox 日期时间输入框 jquery easyui calendar 日历 jquery easyui spinner 微调 jquery easyui editable datagrid 可编辑表格 jquery easyui editable tree 可编辑树 jquery easyui api 中文手册
关注编程学问公众号