Feuer mehr Fancybox mit for-Schleife

Ich habe sechs Alben mit den folgenden Klassen: .fancybox_mygallery_1, .fancybox_mygallery_2, .., .fancybox_mygallery_6Feuer mehr Fancybox mit for-Schleife

ich mehrere Fancybox Plugins dieses Feuer versuchen:

var mystr = ".fancybox_mygallery_"; 
for (var i = 1; i <= 6; i++) { 
    mystr = mystr + i; 
    $(document).ready(function() { 
     $(mystr).fancybox({}); 
    }); 
    mystr = ".fancybox_mygallery_"; 
}

aber es funktioniert nicht. Ich debuggte es und es scheint, dass mystr korrekten Wert jede Iteration hat. Was kann das Problem sein?

UPD: Von Fancybox Seite:

Galerien sind aus Elementen erstellt, die die gleiche "Daten-fancybox-Gruppe" oder "rel" Attributwert haben.

Also ich sollte ihnen nur eins von denen geben.

Quelle

2016-05-12 kulan

Sie sollten alle von ihnen die * genau * derselben Klasse und nur anrufen '$ ('. fancybox_gallery'). fancybox()' ohne Schleife. Der ganze Sinn von Klassen besteht darin, Elemente zu gruppieren. –

Probieren Sie: '$ ('[^ ^" fancybox_mygallery _ "]'). Fancybox();' ohne die for-Schleife –

@DarrenSweeney, Durch Karotte Zeichen ('^') wählen Sie alle Klassen aus, die mit 'fancybox_mygallery_' begonnen haben. Und hier gibt es 6 Klassen, die mit 'fancybox_mygallery_' begonnen haben. Ich denke du meinst '$ ('[Klasse^= fancybox_mygallery_' + i + ']') .fancybox();' –

Stattdessen wird eine Schleife verwenden, um die jQuery Wildcard Funktionalität mit:

$('[class^="fancybox_mygallery_"]').fancybox();

Dies zielt alles mit einer Klasse, die mit beginnt fancybox_mygallery_

Quelle

2016-05-12 08:26:57

Feuer mehr Fancybox mit for-Schleife

Antwort

Verwandte Themen