通过悬停控制flexslider

Question

我一直致力于通过悬停来控制滑块。我发现了一些帖子，但我找不到完整的解决方案。我不是一个jQuery专家，但我已经给它一个去，我有一些错误，它不是很有效。

我正在使用flexslider插件。

网址为mjtweaverdev.com。

我使用的代码如下......

jQuery(window).load(function() {
  jQuery(".flexslider li").hover(function() {
    var slideNumber = jQuery(this).attr('data-slide-to');
    console.log(slideNumber);
    jQuery('.flexslider li').flexslider('finish');
    jQuery('.flexslider').flexslider("pause");
    jQuery('.flexslider').flexslider(slideNumber);
  },
  function() {
    jQuery('.flexslider').flexslider('play');
  }
);

}）;

Answer 1

为何不直接触发click上的li事件？

演示： http://jsfiddle.net/lotusgodkk/n9JUc/48/

JS：

$('.flex-control-nav li a').on('mouseover',function(){
    $(this).trigger('click');
});