Div Ciclo jQuery como ancla
-
21-09-2019 - |
Pregunta
Estoy construyendo una página que tiene un par de divs de contenido que va a deslizarse dentro y fuera. - sólo unas pocas líneas de código con jQuery Cycle
Tengo una navegación en el lado en el que quiero añadir los enlaces a. No hay problema con el ciclo Jquery -. Me puede incluso especificar una imagen o etiqueta H3 que yo quiero usar
Sin embargo, quiero añadir un div entero de la diapositiva a aparecer en la barra lateral. ¿Cómo hago para seleccionar esta div?
En este momento mi código es:
$('#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>';
}
});
He encontrado el PagerAnchorBuilder en otro post StackOverflow. Funciona muy bien, pero que sólo se agarra el texto dentro de la div. Quiero agarrar todo el div que se ve algo como esto:
<div class="serviceButton">
... Text and images go here...
</div>
Estoy seguro que esto es simple, ya no sé nada jQuery lo suficientemente bueno para seleccionar toda la div.
Solución
Pruebe lo siguiente:
return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';