jquery - 在当前div中插入全局ajax微调器

Question

这个page documents a wonderfully simple way to implement a global .ajaxStart 和 .ajaxStop。但正如其中一条评论所指出的，缺点是它依赖于可能放置在页面上绝对 x/y 位置的模态窗口。

我希望通过将加载器 div 附加到作为 Ajax 调用来源的 div 来扩展此处提供的答案。我不想_替换我当前 div 的 HTML - 并且我不想将 HTML 附加到它 - 我想将该加载器 div 合并到我当前的 div 中。

我已经使用“.append”和“.html”运行了几次，但我不清楚如何产生给定的效果 - 特别是引用更新:从 jQuery 1.8 开始,

谢谢

Answer 1

这是您要找的吗？

function addLoadingDiv(ctrl) {
    //uncomment for mask
    /*ctrl.append('<div class="exposeMask" style="width: ' + ctrl.width() + '; height: ' + ctrl.height() + '; opacity = .5;"></div>');*/

    var left = ((ctrl.width() / 2) - 50) + 'px';
    var top = ((ctrl.height() / 2) - 25) + 'px';
    loadingDiv = '<div class="ajaxLoading" style="top: ' + top + '; left: ' + left + ';">Loading...</div>';
    ctrl.addClass('loading');
    ctrl.append(loadingDiv);
}

这里的代码太多 - 试试这个链接: http://jsfiddle.net/4Ety8/

谢谢，JF