jQuery EasyUI-Erweiterungen -RTL Support (RTL-Unterstützung)

jQuery EasyUI Erweiterungen

RTL-Dateien einbinden

Um die RTL-Funktionalität zu aktivieren, müssen Sie die Dateien 'easyui-rtl.css' und 'easyui-rtl.js' einbinden.

<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="easyui-rtl.css.html">  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>  
<script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="easyui-rtl.js.html"></script>  

RTL-Attribut hinzufügen

Denken Sie daran, dem <body>-Tag das Attribut 'dir' mit dem Wert 'rtl' hinzuzufügen.

    <body dir="rtl">
        <div class="easyui-accordion" data-options="fit:true,border:false">  
            <div title="Title1" style="padding:10px;">  
                content1  
            </div>  
            <div title="Title2" data-options="selected:true" style="padding:10px;">  
                content2  
            </div>  
            <div title="Title3" style="padding:10px">  
                content3  
            </div>  
        </div>  
    </body>

jQuery EasyUI-Beispiele herunterladen

jquery-easyui-rtl.zip

jQuery EasyUI Erweiterungen