Sağdan sola yazılan dilde sol ve sağ css değerlerini değiştirmenin bir yolu var mı?

Question

Birçok farklı yerel yeri destekleyen bir sitede çalışıyorum. Sonraki bölgemiz, sağdan sola doğru bir dil olan İbranicedir. HTML öğesinde dir=rtl ve lang=he ayarlıyorum ve bazı şeyler (gerektiği gibi) değişiyor.

Web sitesinin çoğu, mutlak konumlandırma ayarını soldaki değere ayarlayan öğeler kullanır. Eğer rtl modunda olduğunuzda bunu doğru değer olarak değiştirecek şekilde yapmanın bir yolu var mı?

Benim html öğesinde bir rtl sınıfına sahip olabileceğimi ve bu sınıf mevcut olduğunda css geçersiz kılmaları yapabileceğimi biliyorum, ancak proje oldukça büyük ve tüm bu oluşumları el ile ele almak eğlenceli olmaz.

Answer 1

Ders ekleyerek daha sağlam olacağını düşünüyorum, ama ne kadar eğlenceli olacağını düşünün, onları JavaScript ile avlayın!

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 
     }) 
    } 
    }) 
})