DOMContentLoaded在簡單場景中不能像$（document）.ready（）那樣工作

在Angular2應用程序的webpack資產包的主文件中，我無法偵聽DOMContentLoaded事件。
文件只是有下面幾行：

// styles 
const bootstrapLoader = require('bootstrap-loader'); 
const styleScss  = require('./main.scss'); 
// scripts 
const $    = require('jquery'); 
const jQueryUjs  = require('jquery-ujs'); 
const coreJS   = require('core-js'); 
const zoneJS   = require('zone.js'); 
const reflectMetadata = require('reflect-metadata'); 
const myAngularApp = require('./main.ts'); 

document.addEventListener('DOMContentLoaded', function() { 
    console.log('Hola!'); 
});

在另一方面，如果我使用jQuery，它完美的作品，ID EST，改變了過去的三線，或與以下物質：

$(document).ready(function() { 
    console.log('Hola!'); 
});

這看起來很基本，但我不明白爲什麼原始文檔的純javascript版本在這裏不起作用...

非常感謝！

來源

2016-11-13 Rubén_ic

這是不一樣的

https://api.jquery.com/ready/

大多數瀏覽器在DOMContentLoaded事件的形式提供類似的功能。然而，jQuery的.ready（）方法在一個重要且有用的方式上有所不同：如果DOM準備就緒並且瀏覽器在代碼調用.ready（handler）之前觸發DOMContentLoaded，則函數處理程序仍將被執行。相比之下，事件觸發後添加的DOMContentLoaded事件偵聽器從不執行。

來源

2016-11-13 16:46:06

DOMContentLoaded在簡單場景中不能像$（document）.ready（）那樣工作

回答

相關問題