jQuery Cycle pagerAnchorBuilder Тема Wordpress Modularity

Question

Тема Wordpress модуляции включает в себя «слайдер сообщения», построенный вокруг цикла jQuery. Он использует пейджер для отображения небольшого числа над ползунками. Я хотел бы, чтобы это число можно было изменить в заголовке сообщения.

Код в теме заключается в следующем:

$doc_ready_script .= ' 

JQuery (функция() {

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

}); ';

Я НЕ кодировщик JQuery (как вы могли бы быть в состоянии сказать!), И я думал, что простой корректировки кода следующим будет делать трюк:.

$ doc_ready_script = ' JQuery (функция () {

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>'; 
     } 
    }); 

}); ';

Однако, теперь я получаю сообщение об ошибке «Ошибка анализа: синтаксическая ошибка, неожиданная»> «».

Итак, я понимаю, что я сделал что-то действительно глупое!

Может какой-то jQuery гуру указать мне в правильном направлении, пожалуйста?

Большое спасибо в ожидании!

Answer 1

Мне нужна была такая же функциональность на моем веб-сайте. Сначала нужно построить массив, используя функцию .map(). Затем вы можете пропустить этот массив в функции pagerAnchorBuilder.

Отъезд tutorial Я написал. Он покажет вам, как это сделать!