jquery - 功能完成后检查

Question

当单击链接以提供漫画书样式效果时，我加载了一个 div 的偏移量。每个偏移量都会激活其他动画以提供更动态的感觉。

我现在正在寻找更改它，以便从偏移量 0 移动到偏移量 2 将通过偏移量 1 移动。为了增加复杂性，我不希望在这种情况下偏移量 1 处的辅助动画消失。

因此，问题是我需要激活滑动功能，然后在当前功能完成后再次激活它。有没有办法让我知道这一点？此外，是否有一种简单的方法来反转动画，以便下次他们去那个偏移量时它会发生？

如果我以错误的方式解决这个问题，请随时告诉我。

Answer 1

如果您使用该.data('obj',{currentPosition:index}); 方法，您可以在元素上创建一个.data()对象并让您的动画查询它以查看它们的“位置”，从 0 到您在漫画书序列中需要的任何项目。将您的动画建立在从 0=>however 开始的索引上，然后currentPosition使用动画中的回调参数更新动画完成的时间。

那个方向会有帮助吗？如果您可以提供一些示例代码（简单或其他），我们可能会找到一种将其绑定的方法？

Answer 2

您的问题的核心似乎是javascript代码的流程。您将需要使用回调函数。如果向函数添加回调变量，则可以在函数运行后执行代码：

function foo(callback) {
    // some code you want to execute

    // then run the callback function
    if (typeof(callback) == "function")
        callback();
}

function bar() {
   // some code you want to execute after foo is finished
}

现在你可以bar()像这样在 foo 完成后运行：

foo(bar);