Discussion :

[Nuage29]

Bonjour !

J'ai plusieurs sliders sur une même page. Je dois appeler une fonction pour chaque slider afin de les faire fonctionner.
Par exemple, pour le 1er slider:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
jQuery(document).ready(function($) {
	$('#slider1').bjqs({
		'width' : 310,
	        'height' : 250,
	});
});

Code HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div class="slider" id="slider1">
	<ul class="bjqs">
		<li><img src="urlimage" /></li>
		<li><img src="urlimage" /></li>
	</ul>
</div>

Mais si je veux faire fonctionner 24 sliders, il me faut écrire ce code 24 fois (puisque les id des sliders sont tous différents !)
Comment puis-je écrire une seule fois la fonction, pour qu'elle soit valide pour tous les sliders?

Merci !

[danielhagnoul]

En utilisant une classe commune : $( ".slider" ) ou si tous les ID commencent par "slider" : $( "[id^='slider']" ).

Dans les deux cas, il faut faire attention de ne pas réutiliser l'identifiant ailleurs.

[SpaceFrog]

ou mettre la liste des id dans le sélecteur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$('#slider1, #Slider2, #Slider3, #Slider4 ....').bjqs({
		'width' : 310,
	        'height' : 250,
	});

ou pour le fun ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
var sliders=[]
for (i=1; i<25; i++) {
sliders.push('#slider'+i)
}
var selector = sliders.join(', ')
$(selector).bjqs({
		'width' : 310,
	        'height' : 250,
	})

[Nuage29]

Merci !