JQuery Zyklus Div als Anchor

Question

Ich baue eine Seite, die ein paar divs von Inhalten hat, die in und aus gleiten - nur ein paar Zeilen Code mit jQuery Zyklus

.

habe ich eine Navigation auf der Seite, in dem ich um die Links angehängt werden soll. Kein Problem mit JQuery Zyklus -. Ich kann sogar ein Bild oder H3-Tag angeben, dass ich verwenden möchte

Allerdings mag ich eine ganze div vom Schlitten anhang in der Seitenleiste angezeigt. Wie würde ich mich über diese div Auswahl?

Im Moment ist mein Code:

    $('#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>';

} 

    });

Ich fand die PagerAnchorBuilder auf einer anderen Stackoverflow Post. Es funktioniert großartig, aber es greift nur den Text innerhalb des div. Ich möchte das gesamte div, dass Aussehen, so etwas greifen:

    <div class="serviceButton">
   ... Text and images go here...
    </div>

Ich bin sicher, dies ist einfach, ich nicht nur jQuery gut genug kennen die gesamte div auszuwählen.

Answer 1

Versuchen Sie Folgendes:

 return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';