Flexslider

Question

我使用的是当前（2017 年中）版本的 Flexslider，我正在尝试更改代码，以便单击图像将滑块推进到下一张幻灯片。
我知道以前的版本已经回答了这个问题，但不知道如何 alter/insert 新 Flexslider 插件的 jquery.flexslider-min.js 的代码。非常感谢任何帮助。

$('.flexslider').flexslider({
directionNav : false,
slideshow: false,
animation: "slide",
controlsContainer: ".flex-container",
start: function(slider) {
$('.slides li img').click(function(event){
    event.preventDefault();
    slider.flexAnimate(slider.getTarget("next"));
});
}
});

Answer 1

我不知道您是如何将内容加载到您的页面上的，但是如果您将以下内容放在页面上（在脚本标签中），滑块应该会在 img 单击时转到下一张幻灯片。

<script>
$('.slides li img').click(function(event){
  event.preventDefault();
  $('#slider').flexslider("next") //Go to next slide
});
</script>

如果您要在外部文件中加载此 jQuery，请排除脚本标签。确保它出现在 flexslider 代码之后。此外，您可能必须将 $ 替换为 jQuery。并且，您需要在幻灯片容器上有 class slides。

这是 repo docs 的正确说法。

Flexslider - 单击图像前进到下一张幻灯片

Flexslider - click image to advance to next slide

javascript

jquery