Flexslider - 可以通过悬停而不是点击来控制？

Question

我正在使用带有手动控件的flexslider,并且它正常工作.但是,当您将鼠标悬停在控件上时,我需要它们来更改幻灯片,而不是单击控件.这可能吗？我查看了js文件,找不到要更改的单击函数.

这是flexslider js:https://raw.github.com/woothemes/FlexSlider/master/jquery.flexslider.js

这是我的代码:

$(window).load(function(){
    $('.flexslider').flexslider({
     animation: "slide",
     directionNav: true,
     controlsContainer: "header#site",
     manualControls: ".nav1 li"
    });
});

HTML是(简化)这个:

<header id="site">
<ul class="nav1">
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>

<div class="flexslider">
<ul class="slides">
<li>Image 1</li>
<li>Image 2</li>
<li>Image 3</li>
</ul>
</div>
</header>

Answer 1

在jquery.flexslider.js中,您只需要在第21行进行更改:

eventType = "click touchend MSPointerUp"

至

eventType = "mouseover touchend MSPointerUp"

因此它会做出反应mouseover并且click事件可用于链接.