我正在使用当前(2017 年中)版本的 Flexslider，并尝试更改代码，以便单击图像即可将 slider 前进到下一张幻灯片。
我知道这个问题已在以前的版本中得到解答，但不知道如何更改/插入新 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"));
});
}
});
最佳答案
我不知道您如何将内容加载到页面上，但如果您将以下内容放在页面上(在脚本标记中)，则 slider 应该在点击 img 时转到下一张幻灯片。
<script>
$('.slides li img').click(function(event){
event.preventDefault();
$('#slider').flexslider("next") //Go to next slide
});
</script>
如果您要在外部文件中加载此 jQuery，请排除脚本标记。确保它位于 flexslider 代码之后。另外，您可能必须将 $ 替换为 jQuery。并且，您需要在幻灯片容器上添加 slides 类。
这就是 repo docs 中的内容。 .
关于javascript - Flexslider - 单击图像前进到下一张幻灯片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46648056/