Fügen Sie div für alle 5 Elemente mit Javascript ein

8

Ich habe eine einfache Liste von Bildern, die über ein CMS (ExpressionEngine) gesteuert werden. So:

%Vor%

Was ich machen möchte, ist für alle 5 Bilder, wickle sie in ein Div mit einer Klasse von "Folie". So aussehen:

%Vor%

Der Grund, warum ich das "" nicht manuell codiere, ist wegen eines jQuery-Inhalts-Schiebereglers, den ich benutze, der alle 5 Bilder benötigt, die innerhalb eines Dia-Div eingehüllt werden.

Ich bin mir nicht sicher, wie der Code in ExpressionEngine sein würde, um dies zu tun, aber ich denke, es könnte einfach einfacher sein, Javascript zu verwenden, um alle 5 Bilder mit dem div zu umhüllen. Und damit ExpressionEngine die verschiedenen Bilder auf einmal ausgeben kann.

Irgendwelche Hilfe?

    
cusejuice 30.08.2011, 19:05
quelle

6 Antworten

23
___ answer7248546 ___

Ich denke, das würde das tun:

%Vor%     
___ qstntxt ___

Ich habe eine einfache Liste von Bildern, die über ein CMS (ExpressionEngine) gesteuert werden. So:

%Vor%

Was ich machen möchte, ist für alle 5 Bilder, wickle sie in ein Div mit einer Klasse von "Folie". So aussehen:

%Vor%

Der Grund, warum ich das "" nicht manuell codiere, ist wegen eines jQuery-Inhalts-Schiebereglers, den ich benutze, der alle 5 Bilder benötigt, die innerhalb eines Dia-Div eingehüllt werden.

Ich bin mir nicht sicher, wie der Code in ExpressionEngine sein würde, um dies zu tun, aber ich denke, es könnte einfach einfacher sein, Javascript zu verwenden, um alle 5 Bilder mit dem div zu umhüllen. Und damit ExpressionEngine die verschiedenen Bilder auf einmal ausgeben kann.

Irgendwelche Hilfe?

    
___ answer7248608 ___

Versuchen Sie Folgendes:

%Vor%     
___ answer7248513 ___

Sie können einfach ein div für jedes fünfte Element erstellen und die Links mit der Methode %code% in diese verschieben:

%Vor%

Demo: Ссылка

    
___ answer7248491 ___

Sie müssen jQuery slice mit dem Zeilenumbruch

verwenden

Überprüfen Sie diese Frage

    
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ tag123expressionengine ___ ExpressionEngine ist ein kommerzielles Content-Management-System, das in PHP geschrieben ist. Die meisten ExpressionEngine-Fragen werden in der ExpressionEngine StackExchange besser gestellt, es sei denn, sie betreffen die Entwicklung (z. B. die Entwicklung von Erweiterungen in PHP). ___ answer7248614 ___

Verwenden Sie slice (), um die Elementuntergruppe auszuwählen, und dann wrapAll (), um das div um sie herum zu wickeln. Hier ist eine Funktion, die das tut.

%Vor%

Demo: Ссылка

Beachten Sie, dass der zweite Slice-Parameter außerhalb der Grenzen liegt, aber jQuery scheint dies automatisch zu handhaben.

    
___ qstnhdr ___ Fügen Sie div für alle 5 Elemente mit Javascript ein ___
user113716 30.08.2011, 19:12
quelle
4

Sie können einfach ein div für jedes fünfte Element erstellen und die Links mit der Methode append in diese verschieben:

%Vor%

Demo: Ссылка

    
Guffa 30.08.2011 19:12
quelle
1

Ich denke, das würde das tun:

%Vor%     
Mark Schultheiss 30.08.2011 19:15
quelle
1

Versuchen Sie Folgendes:

%Vor%     
Chandu 30.08.2011 19:20
quelle
0

Sie müssen jQuery slice mit dem Zeilenumbruch

verwenden

Überprüfen Sie diese Frage

    
Ahmad Alfy 30.08.2011 19:10
quelle
0

Verwenden Sie slice (), um die Elementuntergruppe auszuwählen, und dann wrapAll (), um das div um sie herum zu wickeln. Hier ist eine Funktion, die das tut.

%Vor%

Demo: Ссылка

Beachten Sie, dass der zweite Slice-Parameter außerhalb der Grenzen liegt, aber jQuery scheint dies automatisch zu handhaben.

    
bcoughlan 30.08.2011 19:21
quelle