javascript - DOMContentLoaded inside $(document).ready？

Question

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

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

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?

Answer 1

是的，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 );