2010-09-29 27 views
0

Le thème Modularity Wordpress comprend un "post slider" construit autour du cycle jQuery. Il utilise pager pour afficher un petit nombre au-dessus des curseurs. J'aimerais pouvoir changer ce nombre dans le titre de poste.jQuery Cycle pagerAnchorBuilder Wordpress Modularité Thème

Le code dans le thème est le suivant:

$doc_ready_script .= ' 

jQuery (function() {

jQuery("#slider-posts").cycle({ 
     fx:  "scrollHorz", 
     timeout: 0, 
     prev: "#prev", 
     next: "#next", 
     pager: "#slider-nav", 
containerResize: 0 
    }); 

}); ';

Je ne suis pas un codeur jQuery (comme vous pourriez être en mesure de le dire!) Et je pensais un simple ajustement au code comme suit ferait l'affaire.

doc_ready_script de $ = ' jQuery (function () {

jQuery("#slider-posts").cycle({ 
     fx:  "scrollHorz", 
     timeout: 0, 
     prev: "#prev", 
     next: "#next", 
     pager: "#slider-nav", 
containerResize: 0, 
pagerAnchorBuilder: function(idx, slide) { 
       return '<li><a href="#">' + jQuery(slide).children("h2").eq(0).text() + '</a></li>'; 
     } 
    }); 

});

Cependant, j'obtiens maintenant une erreur disant "Erreur d'analyse: erreur de syntaxe, inattendue"> "". Donc, je me rends compte que j'ai fait quelque chose de vraiment dauphin!

Est-ce qu'un gourou jQuery aimable peut me diriger dans la bonne direction s'il vous plaît?

Un grand merci d'avance!

Répondre

0

J'avais exactement besoin de la même fonctionnalité sur mon site Web. Vous devez d'abord construire le tableau en utilisant la fonction .map(). Vous pouvez ensuite parcourir ce tableau dans la fonction pagerAnchorBuilder.

Consultez le tutorial J'ai écrit. Ça va vous montrer exactement comment faire fonctionner ça!