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

我正在使用当前2017年年中版本的Flexslider，并尝试更改代码，以便单击图像可以将滑块推进到下一张幻灯片。 我知道以前的版本已经回答了这个问题，但不知道如何更改/插入新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"));
});
}
});

---

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

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

如果在外部文件中加载此jQuery，请排除脚本标记。确保它位于flexslider代码之后。此外，您可能必须用jQuery替换$。而且，您需要将类幻灯片放在幻灯片容器中

---

这是正确的。

为了避免混淆：上面的代码源于博扬·佩特科夫斯基2014年的回答：@icicleking谢谢。您能否进一步指定我必须在jquery.flexslider-min.js中集成给定代码的位置？该文件是广泛的，我的插入失败。以下是原始脚本：@DarioLanfranconi如果不将代码添加到flexslider代码中，则将其添加到您自己的代码中。我会以一种我希望有帮助的方式更新我的答案。问题是我安装了flexslider作为wordpress插件，并且不清楚代码在哪里打印和引用。我现在为woocommerce写了一张支持票，感谢您提供的详细信息和解释。@DarioLanfranconi一些主题和一些插件使您能够将脚本添加到页面的页脚。快速搜索会给你一些不错的。您可以学习使用检查器查看页面“jquery.flexslider-min.js”上的加载位置，也可以安全地假设自定义代码段将插入到大多数其他脚本的下面。我还想，如果你走这条路，你将需要使用jQuery替换我上面提供的代码段中的$。@点击Chrome inspector显示“jQuery.flexslider-min.js”是可见的，但在脚本结构的底部显示为灰色，如你所说。这是我的页面：在page.php文件中调用footer.php，但是在所有变体jQuery，$，w/o脚本标记中向footer.php添加代码片段并没有带来任何更改。