在处理onclick事件时显示loading ..图像

Question

按钮单击事件会触发对数据表的过滤。当JQuery正在处理时，页面应显示加载图像。这不是ajax请求。

这是我的代码不起作用：

$("somebutton").click(function(){
  $("#loader").show();
  // do some stuff.....
  //...
  // now hide the loader again
  $("#loader").hide();
});

有什么想法吗？

Answer 1

如果你做了一些东西可以使用回调函数，那么将hide loader函数放入其中。 像

这样的东西

$("somebutton").click(function(){
  $("#loader").show();
  $("yourselector").method(something, function(){$("#loader").hide();});  
});

Answer 2

试试这个：

$("somebutton").click(function(){
  $("#loader").show();
  // do some stuff.....
  //...
  // now hide the loader again
  $("#loader").hide();
});

使用click代替onclick