Bonjour,
Le troisième carrousel sur cette page (sous le titre "C'est vous qui le dites !") présente une liste de couvertures de livres.
Le contenu de cette liste est chargé dynamiquement via Ajax à partir d'un script PHP (ce que permet le script jCarousel, comme dans l'exemple montré sur le site de jCarousel).
Comme je travaille actuellement sur la navigation au clavier de ma page, j'aurais besoin de faire un "bind" sur les liens de ce carrousel (c'est-à-dire les images de couverture), comme dans le code suivant :
Néanmoins, cela ne fonctionne pas actuellement. Je suppose que c'est précisément à cause du chargement dynamique des images (du coup les liens ne sont pas dans le DOM, c'est ça ???)
Existe-t-il une solution pour ce genre de cas ? Est-il possible d'agir en javaScript sur un élément chargé dynamiquement ?
Merci de votre aide !
Modifié par Fix (14 Mar 2012 - 09:21)
Le troisième carrousel sur cette page (sous le titre "C'est vous qui le dites !") présente une liste de couvertures de livres.
Le contenu de cette liste est chargé dynamiquement via Ajax à partir d'un script PHP (ce que permet le script jCarousel, comme dans l'exemple montré sur le site de jCarousel).
Comme je travaille actuellement sur la navigation au clavier de ma page, j'aurais besoin de faire un "bind" sur les liens de ce carrousel (c'est-à-dire les images de couverture), comme dans le code suivant :
$("#carousel-comments ul li a")
.bind('keydown', 'left', function () { carousel.prev(); return false; });
Néanmoins, cela ne fonctionne pas actuellement. Je suppose que c'est précisément à cause du chargement dynamique des images (du coup les liens ne sont pas dans le DOM, c'est ça ???)
Existe-t-il une solution pour ce genre de cas ? Est-il possible d'agir en javaScript sur un élément chargé dynamiquement ?
Merci de votre aide !
Modifié par Fix (14 Mar 2012 - 09:21)