2014-02-11 11 views
9

Masonry funktionierte gut mit der Text-Richtung von LTR (von links nach rechts). Jetzt möchte ich masonry mit der Textrichtung RTL verwenden (von rechts nach links [Nahöstliche Sprachen wie Hebräisch und Arabisch werden überwiegend von rechts nach links geschrieben.]).Kann Mauerwerk als RTL (rechts-nach-links) -Richtung verwenden

Immer, wenn ich masonry auf die RTL (Right-To-Left) Textrichtung ausführen, richtet das masonry Plugin sein gesamtes Rasterlayout im LTR-Format (von links nach rechts) ein.

Ich gehe auch durch die masonry Dokumentation des Plugins, aber fand keine Einstellung bezogen auf RTL (Right-To-Left) Richtung.

Jede vorgeschlagene Lösung?

+0

Hinweis: Werfen Sie einen Blick auf die Option 'isOriginLeft'. –

Antwort

2

Es ist etwa zwei Jahre zu spät, aber ich hatte das gleiche Problem und fand die Lösung von Mauerwerk zur Verfügung gestellt.

Es gibt eine Option isRTL die Fliesen von rechts arrangiert nach links:

$('.tile-view').masonry({ 
    columnWidth: 200, 
    isRTL: true 
}); 
+2

Gemäß der Dokumentation von Mauerwerk, Option Ursprungslinks ordnen Artikel von links nach rechts: '$ ('selctor'). Mauerwerk ({ originLeft: false });' –

11

Sie können die Elemente direkt in css float:

.masonry .item { 
    float: right; 
} 

dann die Option isOriginLeft: false in Ihrem Javascript ändern.

ist hier ein wenig codepen zu veranschaulichen:

http://codepen.io/anon/pen/gkCiG

+2

Nun, was für eine schreckliche Dokumentation. Diese Lösung funktioniert, aber die [offiziell dokumentierte Lösung "isRTL: true"] (http://desandro.github.io/maurasony/docs/options.html#isrtl) funktioniert nicht. Tatsächlich ist das überhaupt nirgends im [Quellcode] (https://github.com/desandro/maurryon/blob/master/maurerarbeit.js). – deweydb

6

Ich denke, isOriginLeft: false ist die richtige Antwort, nach this Website

0

OriginLeft

Steuert die horizontale Ablauf des Layouts. Standardmäßig beginnen Elementelemente auf der linken Seite mit Ursprung links: true. Legen Sie originLeft: false für Layouts von rechts nach links fest.

originLeft: false