文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

jQuery EasyUI 扩展 – RTL 支持

发布于 2018-05-28 02:45:26 字数 1250 浏览 1223 评论 0 收藏 0

包含 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="http://code.jquery.com/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> 标签添加带有 'rtl' 值的 'dir' 属性。

    <body dir="rtl">
        <div data-options="fit:true,border:false">  
            <div title="Title1">  
                content1  
            </div>  
            <div title="Title2" data-options="selected:true">  
                content2  
            </div>  
            <div title="Title3">  
                content3  
            </div>  
        </div>  
    </body>