Use the 3rd param of $.get()
$(function() {
$(".pagination a").live("click", function() {
var loader = $('#loader')
loader.show() // <-- hidden loader div
$.get(
this.href,
null,
function()
{
loader.hide();
},
"script"
);
return false;
})
});
Incidentally, I recently came across this handy plugin:
http://plugins.jquery.com/project/loading
On Sun, Aug 16, 2009 at 1:11 PM, Rich Sturim<cosmos99...@gmail.com> wrote:
>
> I have a hidden spinner div.
>
> When my jquery function is called -- I show the spinner. But, how do
> hide I the spinner div after the ajax request has completed?
>
>
> $(function() {
> $(".pagination a").live("click", function() {
> var loader = $('#loader')
> loader.show() // <-- hidden loader div
> $.get(this.href, null, null, "script");
> return false;
> })
> });
>
