javascript - 如何在 Jquery 中的 click() 之后调用一个 Action ？

Question

我想在单击某个 DOM 元素后加载图像和其他一些操作，但我想在单击操作完成后加载它们。

这是一个代码示例:

 $("#message_link").click(function(){
   if (some_conditions...){
       $("#header").append("<div><img alt=\"Loader\"src=\"/images/ajax-loader.gif\"  /></div>");
   }
 });

问题是 if 条件在点击操作完成之前执行(或者至少这是我的印象)。我需要在点击操作完成后执行 If 条件。有人可以告诉我一个解决方案吗？

谢谢:)

Answer 1

setTimeout 在这里可能会有所帮助

$("#message_link").click(function(){
   setTimeout(function() {
       if (some_conditions...){
           $("#header").append("<div><img alt=\"Loader\"src=\"/images/ajax-loader.gif\"  /></div>");
       }
   }, 100);
});

如果满足某些条件，这将导致在点击事件发生约 100 毫秒后追加 div。