kenwheeler/slick comment obtenir de la diapositive actuelle comme un dom ou un objet jquery?
À l'aide de slick, j'ai un simple carrousel le long des lignes de:
<div class="carousel">
<div class="image"><img src="http://path/to/image.jpg" data-caption="Caption 1"></div>
<div class="image"><img src="http://path/to/image2.jpg" data-caption="Caption 2"></div>
<div class="image"><img src="http://path/to/image3.jpg" data-caption="Caption 3"></div>
</div>
Je suis de l'initialisation du carrousel avec un onAfterChange
fonction de tenter de mettre à jour la légende dans une autre div, mais je suis un peu confus sur la façon d'obtenir ce div comme un dom ou un objet jquery?
$('.carousel').slick({
lazyLoad: 'progressive',
onAfterChange: function(slider,index){
console.log(???);
}
});
Où slider
retourne le carrousel de l'objet et index
renvoie la diapositive en cours.
Comment pourrais-je obtenir le data-caption
valeur de cette?
OriginalL'auteur waffl | 2014-12-05
Vous devez vous connecter pour publier un commentaire.
Arg, mes excuses, j'ai trouvé une solution sur un github question intitulée Accéder à la Diapositive en cours d'Attributs dans onAfterChange #411.
slider
désigne le carrousel, donc on peut accéder au curseur jusqu'à:$(slider)
et peut accéder à la diapositive particulière avec$(slider.$slides.get(index))
Donc en référence à ma question ci-dessus, il serait tout simplement:
$(slider.$slides.get(index))
sera de retour le nœud DOM de la Nappe diapositive wrapper. L'utilisation actuelle doc des noms de variables (pourafterChange
cas), je suis arrivé à ceci :jQuery(slick.$slides.get(currentSlide)).find('.your-slide-selector').data('your-data-attr')
.OriginalL'auteur waffl
essayer cette
OriginalL'auteur Udara
OriginalL'auteur Miro Margalitadze
Avant De Changer
AfterChange
OriginalL'auteur Muddasir Abbas