RequireJS加載模塊速度很快，很有可能在頁面DOM Ready之前腳本已經加載完畢。需要與DOM交互的工作應等待DOM Ready?，F代的瀏覽器通過DOMContentLoaded事件來知會。

但是，不是所有的瀏覽器都支持DOMContentLoaded。domReady模塊實現了一個跨瀏覽器的方法來判定何時DOM已經ready。下載并在你的項目中如此用它：

require(['domReady'], function (domReady) {domReady(function () {//這個方法在DOM加載完執行//安全的查詢和操作DOM}); });

基于DOM Ready是個常規需求，像上述API中的嵌套調用方式，理想情況下應避免。domReady模塊也實現了Loader Plugin API，因此你可以使用loader plugin語法（注意domReady依賴的!前綴）來強制require()回調函數在執行之前等待DOM Ready。當用作loader plugin時，domReady會返回當前的document：

require(['domReady!'], function (doc) {//這個方法在DOM加載完執行//注意這里是當前document文檔 });

注意: 如果document需要一段時間來加載（也許是因為頁面較大，或加載了較大的js腳本阻塞了DOM計算），使用domReady作為loader plugin可能會導致RequireJS“超時”錯。如果這是個問題，則考慮增加waitSeconds配置項的值，或在require()使用domReady()調用（將其當做是一個模塊）。

總結

以上是生活随笔為你收集整理的requirejs插件-domReady插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。