Est-ce que quelqu'un sait comment définir une fonction de rappel pour le plugin de cycle jQuery?

Question

Je sais que vous pouvez définir différents rappels pour certaines actions, mais j'ai besoin d'obtenir les liens pager qui sont créés à la volée. Je veux déposer des images dynamiques dans ces liens en utilisant innerHTML, mais si je l'appelle onload cela ne fonctionnera évidemment pas car les liens n'ont pas encore été créés.

Il ne semble pas y avoir de fonction de "rappel" native que vous pouvez définir pour le cycle jQuery. Est-ce que je l'ai manqué? Y at-il un moyen de le faire même si le plugin ne le fournit pas nativement?

Merci!

Answer 1

Il y a un certain nombre de choses ici. Premièrement, vous pouvez spécifier où les options de pagination sont affichées en utilisant l'option 'pager' transmise à cycle - $ ('# myelement'). Cycle ({pager: '#mypagerdiv'}). Cela vous permettra de les retrouver plus tard dans jQuery ($ ('# mypagerdiv a'), par exemple).

En second lieu, il existe une multitude de callbacks disponibles pour le cycle, qui se trouve dans les options objet documentation ici: http://jquery.malsup.com/cycle/options.html

Vous êtes probablement le plus susceptible d'être intéressé par les éléments suivants: pagerAnchorBuilder

Vous l'utiliserait comme suit: $ ('# mycyclediv'). cycle ({pagerAnchorBuilder:% yourfunction%})

En utilisant ceci, vous pouvez construire vos propres commandes de pager, et une petite sélection d'exemples de la façon de le faire peut être trouvé sur le site du cycle jQuery:

jquery.malsup.com/cycle/pager2.html

jquery.malsup.com/cycle/pager3.html

jquery.malsup.com/cycle/pager7.html

jquery. malsup.com/cycle/pager11.html

Cela devrait permettre la fonctionnalité dont vous avez besoin. Toutefois, si vous souhaitez modifier ces images dynamiques lorsque des diapositives sont modifiées, vous pouvez utiliser les rappels «avant» et «après», qui sont déclenchés avant et après une transition de diapositive, respectivement. Si vous avez d'autres questions, n'hésitez pas à nous contacter, même si j'ai trouvé que la documentation du cycle de jQuery est très complète, et la "Démo intermédiaire 2" devrait vous donner un coup de pouce utile dans le droit direction des rappels.

(je suis un nouvel utilisateur ici, donc ne peut pas poster plus d'un lien hypertexte, désolé pour les URL ci-dessus)

Answer 2

Je crois qu'il ya quelques exemples pratiques de la façon d'utiliser les callbacks, ainsi que l'élément de téléavertisseur sur cette page d'exemples http://jquery.malsup.com/cycle/int2.html

Il y a une liste exhaustive de toutes les fonctions de rappel possibles dans les options la référence http://jquery.malsup.com/cycle/options.html

Les callbacks vous voudrez peut-être se concentrer sur:

pagerClick:   null, // callback fn for pager clicks: function(zeroBasedSlideIndex, slideElement) 
pagerAnchorBuilder: null, // callback fn for building anchor links: function(index, DOMelement) 

espoir que vous aide