DOMContentLoaded在$(document).ready中?

时间:2013-03-07 15:49:44

标签: javascript jquery dom domready

目前我尝试熟悉一个插件。在插件主页上,有几个关于如何使用它的示例。

在一个例子中有这个代码:

function loaded() {
        iScroll = new iScroll('wrapper');
    }

    document.addEventListener('touchmove', function (e) {
        e.preventDefault();
    }, false);

    //Use this for high compatibility (iDevice + Android)
    document.addEventListener('DOMContentLoaded', function () {
        setTimeout(loaded, 200);
    }, false);

由于我也在使用jQuery,我想在$(document).ready中使用该代码,这基本上是我认为的DOMContentLoaded的jQuery方式。
移除document.addEventListener('DOMContentLoaded', function () {& }, false);setTimeout(loaded, 200);只留下$(document).ready

1 个答案:

答案 0 :(得分:2)

是的,jQuery在可用时使用DOMContentLoaded事件,如果您的代码位于ready回调内,则可以省略DOMContentLoaded

来自源代码:

// Standards-based browsers support DOMContentLoaded
} else if ( document.addEventListener ) {
    // Use the handy event callback
    document.addEventListener( "DOMContentLoaded", completed, false );

    // A fallback to window.onload, that will always work
    window.addEventListener( "load", completed, false );