Jquery Cycle Div come Anchor
-
21-09-2019 - |
Domanda
Sto costruendo una pagina che ha un paio di div di contenuto che farà scorrere facilmente dentro e fuori -. Solo poche righe di codice con jQuery Cycle
Ho una navigazione sul lato in cui voglio aggiungere i collegamenti a. Nessun problema con il ciclo Jquery -. Posso anche specificare un'immagine o tag H3 che voglio usare
Tuttavia, voglio aggiungere un intero div dalla diapositiva di presentarsi nella barra laterale. Come potrei fare per la selezione di questa div?
In questo momento il mio codice è:
$('#servicesWrap').cycle({
fx: 'scrollLeft',
speed: 'normal',
timeout: 0,
pager: '#servicesSidebar',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#">' + jQuery(slide).children(".serviceButton").eq(0).text() + '</a></li>';
}
});
Ho trovato il PagerAnchorBuilder su un altro post StackOverflow. E le grandi opere, ma afferra solo il testo all'interno del div. Voglio afferrare l'intero div che sembra qualcosa di simile:
<div class="serviceButton">
... Text and images go here...
</div>
Sono sicuro che questo è semplice, ho appena Non so jQuery abbastanza buono per selezionare l'intero div.
Soluzione
Provare quanto segue:
return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';