Question

我希望为我的Flexslider制作一个＆＃34; next＆＃34; -button。

我正在https://github.com/woothemes/FlexSlider浏览他们的git并偶然发现他们在最近的更新中添加了一项功能：

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

我在我的网站中添加了这个，并更改了触发事件的ID，但没有任何反应。有任何想法吗？我的头像是这样的：

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

或类似的东西应该有用。

如果你不能使它工作，那么看一个小提琴会很方便。

向FlexSlider 2添加“下一步”按钮

1 个答案: