如何使jquery悬停事件反复激发

当我将鼠标悬停在下一个和上一个按钮上时，我想移动一个无限旋转木马。现在“悬停”只发射一次。我希望旋转木马在鼠标位于下一个或上一个按钮内时继续移动

有什么建议吗

jQuery.fn.carousel = function(previous, next, options){
 var sliderList = jQuery(this).children()[0];

 if (sliderList) {
  var increment = jQuery(sliderList).children().outerWidth("true"),
  elmnts = jQuery(sliderList).children(),
  numElmts = elmnts.length,
  sizeFirstElmnt = increment,
  shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
  firstElementOnViewPort = 1,
  isAnimating = false;

  for (i = 0; i < shownInViewport; i++) {
   jQuery(sliderList).css('width',(numElmts+shownInViewport)*increment + increment + "px");
   jQuery(sliderList).append(jQuery(elmnts[i]).clone());
  }

  jQuery(previous).hover(function(event){
   if (!isAnimating) {
    if (firstElementOnViewPort == 1) {
     jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
     firstElementOnViewPort = numElmts;
    }
    else {
     firstElementOnViewPort--;
    }

    jQuery(sliderList).animate({
     left: "+=" + increment,
     y: 0,
     queue: true
    }, "swing", function(){isAnimating = false;});
    isAnimating = true;
   }

  });

  jQuery(next).hover(function(event){
   if (!isAnimating) {
    if (firstElementOnViewPort > numElmts) {
     firstElementOnViewPort = 2;
     jQuery(sliderList).css('left', "0px");
    }
    else {
     firstElementOnViewPort++;
    }
    jQuery(sliderList).animate({
     left: "-=" + increment,
     y: 0,
     queue: true
    }, "swing", function(){isAnimating = false;});
    isAnimating = true;
   }
  });


 }
};

jQuery.fn.carousel=函数（上一个、下一个、选项）{
var sliderList=jQuery（this.children（）[0]；
如果（幻灯片列表）{
var increment=jQuery（sliderList）.children（）.outerWidth（“true”），
elmnts=jQuery（sliderList）.children（），
numElmts=elmnts.length，
sizeFirstElmnt=增量，
shownInViewport=Math.round（jQuery（this.width（）/sizeFirstElmnt），
firstElementOnViewPort=1，
isAnimating=假；
对于（i=0；inumElmts）{
firstElementOnViewPort=2；
jQuery（sliderList）.css（'left'，'0px'）；
}
否则{
firstElementOnViewPort++；
}
jQuery（幻灯片列表）。设置动画({
左：“-=”+增量，
y:0，
队列：对
}，swing，function（）{isAnimating=false；}）；
isAnimating=true；
}
});
}
};

关于触发事件，请参阅

在插件的情况下，您还需要捕获mouseOut。如果在动画结束时，检查mouseOut是否已启动，如果未启动，请再次启动悬停

对于您的代码，我将对其进行一些重构：

(function($){  
jQuery.fn.carousel = function(previousButton, nextButton, options){
 var $sliderList = jQuery(this).children()[0];
 var $previous = $(previousButton);
 var $next = $(nextButton);
 var isAnimating = false;
 var buttonPressed = false;

 function previous(obj) {
   buttonPressed = true;
   // previous animation code
   // when you're done animating, see if buttonPressed is true still (if out was fired, then it's false)
  // if true - call previous again
 }
 function next(obj) {
   buttonPressed = true;
   // next animation code
 }
 function out() {
   buttonPressed = false;
 }

 if (sliderList) {
    var increment = jQuery(sliderList).children().outerWidth("true"),
        elmnts = $sliderList.children(),
        numElmts = elmnts.length,
        sizeFirstElmnt = increment,
        shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
        firstElementOnViewPort = 1;

    for (i = 0; i < shownInViewport; i++) {
      $sliderList.css('width',(numElmts+shownInViewport)*increment + increment + "px"); // use the cached sliderList, ya?
      $sliderList.append(jQuery(elmnts[i]).clone());
    }

    $previous.hover(previous, out);
    $next.hover(next, out); // calls next on over, out on exit

  }
};
})(jQuery); 

（函数（$）{
jQuery.fn.carousel=函数（上一个按钮、下一个按钮、选项）{
var$sliderList=jQuery（this.children（）[0]；
变量$previous=$（previousButton）；
变量$next=$（nextButton）；
var isAnimating=假；
var buttonPressed=false；
前一功能（obj）{
按钮按下=真；
//以前的动画代码
//完成动画制作后，查看buttonPressed是否仍然为真（如果已触发out，则为假）
//如果为true-再次调用previous
}
功能下一步（obj）{
按钮按下=真；
//下一个动画代码
}
函数输出（）{
按钮按下=错误；
}
如果（幻灯片列表）{
var increment=jQuery（sliderList）.children（）.outerWidth（“true”），
elmnts=$sliderList.children（），
numElmts=elmnts.length，
sizeFirstElmnt=增量，
shownInViewport=Math.round（jQuery（this.width（）/sizeFirstElmnt），
firstElementOnViewPort=1；
对于（i=0；i

如果删除isAnimating=true，会发生什么情况；电话？谢谢你试着帮我，也谢谢你反应这么快。我仍然是这方面的新手，仍然有困难。如果你能给我更详细的帮助（比如你和一个5岁的孩子谈话），我会非常感激。希望有帮助（见新答案）我想你的意思是说false in

out（）

--function out（）{buttonPressed=false；}

(function($){  
jQuery.fn.carousel = function(previousButton, nextButton, options){
 var $sliderList = jQuery(this).children()[0];
 var $previous = $(previousButton);
 var $next = $(nextButton);
 var isAnimating = false;
 var buttonPressed = false;

 function previous(obj) {
   buttonPressed = true;
   // previous animation code
   // when you're done animating, see if buttonPressed is true still (if out was fired, then it's false)
  // if true - call previous again
 }
 function next(obj) {
   buttonPressed = true;
   // next animation code
 }
 function out() {
   buttonPressed = false;
 }

 if (sliderList) {
    var increment = jQuery(sliderList).children().outerWidth("true"),
        elmnts = $sliderList.children(),
        numElmts = elmnts.length,
        sizeFirstElmnt = increment,
        shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
        firstElementOnViewPort = 1;

    for (i = 0; i < shownInViewport; i++) {
      $sliderList.css('width',(numElmts+shownInViewport)*increment + increment + "px"); // use the cached sliderList, ya?
      $sliderList.append(jQuery(elmnts[i]).clone());
    }

    $previous.hover(previous, out);
    $next.hover(next, out); // calls next on over, out on exit

  }
};
})(jQuery);