JQuery SlideToggle() 在缓动的每一步执行函数

Question

有什么方法可以在 slideToggle() 函数的缓动动画中每次发生修改时在 javascript 上执行已经定义的函数？

示例：

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

我希望 functiontoexecute() 执行在 "linear" 缓动中发生的每一步。

我已经在 JQuery 网页上查看 .slideToggle() 并尝试使用 "progress" 或 "step" 选项...但是它们没有按预期执行或者我没有正确使用它们...

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

Answer 1

关于如何使用这些参数的 jQuery 文档并不是最好的，因为 none 的示例使用了它的全部功能。这是一个使用进度函数的示例，但希望您可以根据您的需要调整它：-

$("#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>

JQuery SlideToggle() 在缓动的每一步执行函数

JQuery SlideToggle() execute function every step of the easing

javascript

jquery

easing