javascript - JavaScript 脚本完成后加载 jQuery 脚本

Question

与文档加载后 jQuery 加载的方式类似，在 JavaScript 脚本完成后我需要一些 jQuery。

我正在从 Google Data API 加载联系人数据，如果我是对的，则数据显示的 div 需要完全加载(通过 JavaScript)才能由 jQuery 访问。

有什么办法可以做到这一点吗？

Answer 1

假设您正在等待 Google Analytics(分析)加载。现在，您知道当 Google Analytics 加载时，_gaq 将在 DOM 上注册。因此，除非有其他(更好的)异步选项，您可以创建一个等待 _gaq 存在的函数:

waitForGaq = function(fn, attemptsLeft) {
    var tick = attemptsLeft || 30; 

    if (typeof(_gaq) != 'object' || !_gaq._getAsyncTracker) {
        //_gaq isn't registered yet
        if (tick > 1) {
            //recurse
            setTimeout(function() {
                waitForGaq(fn, tick - 1);
            }, 100)
        }
        else {
            //no ticks left, log error
            log('failed to load window.gaq');
        }
    }
    else {
        //gaq is loaded, fire fn
        fn();
    }
}

因此，任何代码都需要在 _gaq 注册后运行，您可以这样添加到页面:

waitForGaq(function() {
    //here's all my code...
});

重申一下:只有当您添加的脚本不提供与库交互的异步方式时，才需要像这样进行递归。例如，Google Analytics 就是一个没有实际意义的例子，因为它提供了一种更简洁的方法:

http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html