JQuery SlideToggle(）在放松的每一步都执行函数

JQuery SlideToggle() execute function every step of the easing

本文关键字：每一步 执行 函数 SlideToggle JQuery      更新时间：2024-07-02

每次在slideToggle（）函数的动画中发生修改时，是否有任何方法可以在javascript上执行已经定义的函数？

示例：

SlideToggle("1000", "linear", functiontoexecute())

我希望functiontoexecute()执行它在"线性"放松上发生的每一步。

我已经在JQuery网页上查看了.slideToggle（），并尝试使用"进度"或"步骤"选项。。。但要么它们的表现不如预期，要么我没有正确使用它们。。。

有关更多详细信息，我正在使用JQuery 1.9.1

关于如何使用这些参数的jQuery文档并不是最好的，因为没有一个示例能够充分使用它。这里有一个使用进度函数的例子，但希望您可以根据自己的需求进行调整：- 

$("#book")
  .slideToggle({
    duration: 400,
    progress: functionToExecute,
    complete: function () {
      console.log('animation completed');
    }
  });
function functionToExecute(animation, progress, remainingMs) {
  $('p').text('here and progress count is ' + progress);
}
.wrap {
  height: 100px;
  width: 200px;
  margin: 10px 10px 10px 10px;
  background-color: #2d8cd0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="wrap" id="book">
  <h2>1</h2>
</div>
<p>Progress: <span id="progress">0</span></p>

相关文章：