Добавление «следующей» кнопки в FlexSlider2

Question

Я ищу, чтобы создать «следующую» кнопку для моего Flexslider.

Я просматривал их мерзавец на https://github.com/woothemes/FlexSlider и наткнулся на что они добавили функцию в своем последнем обновлении:

$('#slider').flexslider("next") //Go to next slide 

Я добавил это к моему на моем сайте, и изменил идентификатор, который вызывает событие, но ничего не происходит. Есть идеи? Мой сценарий в голове выглядит следующим образом:

<script type="text/javascript"> 
    $('#flexnext a').flexslider("next") //Go to next slide 
</script> 

А позже в коде:

<div id="flexnext><a href="#" style="position: absolute; z-index: 9001; right: 300px; bottom: 8px; cursor: pointer; display: block; text-align: center; color: #fff; text-decoration: none;"><img src="<?php echo get_template_directory_uri(); ?>/_assets/img/forwardbutton.png" alt="Gå frem" /><br />Læs videre her</a></div> 

Любые идеи, что я мог бы делать неправильно?

Answer 1

Вам необходимо позвонить .flexslider() на ползунок, а не на якорь.

$('#flexnext a').on("click, function(){ 
    $('#flexnext').flexslider("next") 
}); 

Или что-то подобное должно работать.

Если вы не можете заставить его работать, было бы удобно увидеть скрипку.