通过悬停控制柔性滑块

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

为什么不简单地触发li上的click事件?

演示:

http://jsfiddle.net/lotusgodkk/n9JUc/48/

JS:

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