之后如何在 jQuery 中触发视觉效果并调用 function？

Question

各位程序员朋友们好，

经过一段时间的修补，我仍然找不到在 jQuery 中调用视觉效果并随后触发 function 的方法。 该程序要么完成纯粹的视觉效果，例如垂直翻转，要么单独执行表示的 function。 有没有办法先完成图形效果，最后一键触发包含的function？ 在相关代码下方：

$("#HTMLButton").click(function(){
            $("#Div").slideUp(400); //Is only run
            arbitraryFunction; //Ignored 
        });

  $("#HTMLButton").click(function(){
                arbitraryFunction; //Is only run
                $("#Div").slideUp(400); //Ignored
            });

先感谢您！

Answer 1

首先要做的是查看 jQuery 文档 - https://api.jquery.com/slideUp/

.slideUp（[持续时间] [，完成]）

持续时间（默认值：400）

• 类型：数字或字符串
• 确定 animation 将运行多长时间的字符串或数字。

完全的

• 类型：函数（）
• 一个 function 在 animation 完成后调用，每个匹配元素调用一次。

因此，它们提供的不是Promise接口，而是更传统的回调接口

$("#HTMLButton").click(function(){
    $("#Div").slideUp(400, () => {
        arbitraryFunction()
    });
});

另一种方法（如果您缺少回调机制）是 setTimeout() function：

$("#HTMLButton").click(function(){
    $("#Div").slideUp(400);
    setTimeout(() => {
        arbitraryFunction();
    }, 400);
});