J’essaie d’utiliser le menu jQuery dans une page RTL arabe. Je suis capable de le rendre RTL mais l’icône devrait être ui-icon-carat-1-w
pas ui-icon-carat-1-e
. J’ai créé jsfiddle ici . Comment changer la direction des flèches dans les sous-menus, afin qu’ils affichent le carat-1-w
au lieu du the carat-1-e
?
De plus, existe-t-il une réinitialisation CSS pour la prise en charge de RTL par jQuery afin de rendre jQuery RTL et arabe activés?
body { text-align: right; } *{ direction: rtl } a, a:link, a:visited{ font-size: 16px; font-family: Arial,Verdana,Tahoma,Times,Sans-Serif; text-decoration: none; font-weight: normal; } .ui-menu { float: right; } .ui-menu .ui-menu-icon { right: auto; left: 0; }
$(document).ready(function () { $('#menu').menu(); });
jsFiddle
$('#menu').menu({ icons: { submenu: "ui-icon-carat-1-w" }, position: { my: "right top", at: "left-5 top-2"} });
CSS:
.ui-menu .ui-menu-icon { float:left; }
voir aussi: http://api.jqueryui.com/menu/#option-icons et http://api.jqueryui.com/position/