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.

È stato utile?

Soluzione

Provare quanto segue:

 return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top