Gibt es eine Möglichkeit, die linken und rechten CSS-Werte in einer Sprache von rechts nach links zu wechseln?

Question

Ich arbeite an einer Website, die viele verschiedene Gebietsschemas unterstützt. Unser nächster Ort ist Hebräisch, eine Sprache von rechts nach links. Ich setze die dir=rtl und lang=he auf das HTML-Element, und bestimmte Dinge verschieben sich (wie sie sollten).

Viele der Website verwendet Elemente mit absoluter Positionierung Einstellung der linken Wert. Gibt es eine Möglichkeit, es im rtl-Modus so zu machen, dass es zum richtigen Wert wird?

Ich weiß, dass ich eine rtl Klasse auf meinem HTML-Element haben könnte und CSS überschreibt, wenn diese Klasse vorhanden ist, aber das Projekt ist ziemlich groß und es würde nicht Spaß machen, alle diese Vorkommen manuell zu suchen.

Answer 1

Ich denke, das Hinzufügen von Klassen wäre robuster, aber wenn man bedenkt, wie wenig Spaß das wäre, jagen Sie sie mit JavaScript!

Codepen

$(document).ready(function() { 
    var elsToFlip = $('*') 
    elsToFlip.each(function() { 
    var pos = $(this).css('position') 
     , left = $(this).css('left') 

    if (pos === 'absolute' && left !== 'auto') { 
     $(this).css({ 
     left: 'initial' 
     , right: left 
     }) 
    } 
    }) 
})