Question

我有一个JS函数，它找到一个新元素（到ckeditor文本区域）并突出显示它。效果很好，但是当这个方法被调用两次时，第一个高亮效果会停止并且不会完成。

我试过调用stop（），finish（），但动画仍然坚持上一个动画我想不要让第一个动画中断，并让它完成它的动画。任何建议表示赞赏。

function highlightContent(element){
  var newElement = CKEDITOR.instances.offer_body.document.find(element).$[0];
  $('html, body').animate({
    scrollTop: $("#cke_offer_body").height()
  }, 1000);
  $(newElement).effect( "highlight", {color:"#29B8BE"}, 1300);
};

$(document).on("click", '#offer-item', function(){
  applyTemplate(this);
  highlightContent(".template-content");
});

Answer 1

尝试使用停止功能：

$(newElement).stop(true, false); //clearQueue true and jumpToEnd false

http://api.jquery.com/stop/

Jquery .effect两次调用时停止

1 个答案: