如何在一些东西悬停的情况下连续点击点击？

问题描述

我很确定这有一个简单的解决方案。

  $（我是一个可以使用jCarousellite的人，我想改变内置的导航按钮的行为， #carousel）。jCarouselLite（{
 
 
 vertical：true，
 btnNext：.btn-down，
 btnPrev：.btn-up， 
 visible：6，
 circular：false 
 
}）; 
 
 $（＃carousel .btn-down）。hover（function（）{
 
 $（＃carousel.btn-down）。click（）; 
 
}）; 
  

但是它只会在mouseover时触发一次，我需要它在mouseover时继续触发。

解决方案

  var nav = function（）{
 $（＃carousel .btn-down ）。单击（）;数据（
'hover'，
 window.setTimeout（nav，1000）; //在1000 ms内继续
 $ b $（＃carousel）。 ; 
}; 
 $（＃carousel .btn-down）。hover（
 nav，
 function（）{
 window.cancelTimeout（$（＃carousel）。data 'hover'））; //停止导航
} 
）; 
  

Im pretty sure this has a simple solution. I am using jCarousellite, and i want to change the behaviour of built in nav buttons to fire on hover over.

$("#carousel").jCarouselLite({


 vertical: true,
 btnNext: ".btn-down",
 btnPrev: ".btn-up",
 visible:6,
 circular: false

});

$("#carousel .btn-down").hover(function() {

 $("#carousel .btn-down").click();

});

but it only fires once when mouseover, i need it to fire continueously while mouseover.

解决方案

var nav = function() {
  $("#carousel .btn-down").click(); // next move
  $("#carousel").data(
    'hover',
    window.setTimeout(nav, 1000); // continue in 1000 ms
  );
};
$("#carousel .btn-down").hover(
  nav,
  function() {
    window.cancelTimeout ($("#carousel").data('hover')); // stop the navigation
  }
);

这篇关于如何在一些东西悬停的情况下连续点击点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！