第二個$（文件）.ready事件jQuery

Question

我正在使用一些帶有$（document）.ready（）的外部jQuery在文檔就緒事件被觸發后插入廣告，例如：

$(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
});

這是為了防止UI被廣告的緩慢加載阻止。 到目前為止，它一直運作良好。

現在我需要通過我們的CMS系統插入更多的廣告，這不能是外部JS文件的一部分，所以我想知道我可以使用第二個文檔就緒事件並使用內聯腳本標記插入它嗎？ 如果是這樣，首先執行外部JS文檔就緒事件或內聯腳本的執行順序是什么？

Answer 1

您可以根據需要使用任意數量的事件方法，jquery將它們連接到隊列中。 方法調用的順序與定義順序相同 - 最后添加的是最后調用的。

一個有用的事情可能是，你可以使用ajax加載帶腳本的html代碼，當代碼加載到DOM $（）時，也會調用ready（），因此你可以動態加載廣告。

Answer 2

是的，添加多個$（文檔）.ready（）s不是問題。 所有都將在ready事件上執行。

但請注意，您的代碼示例是錯誤的。 $（document）.ready（）接受一個函數，而不是表達式。 所以你應該給它一個像這樣的函數：

 $(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
 });

文檔准備好后將執行該功能。

Answer 3

這是一個關於多文檔就緒的小教程

Answer 4

jQuery方式的一個額外好處是你可以有多個ready（）定義。 所有jQuery事件都是這種情況。

$（document）.ready（function（）{alert（“Number One”）;}）;

$（document）.ready（function（）{alert（“Number Two”）;

Answer 5

JQuery按照定義的順序調用ready函數。 如果要先加載一些數據並使用holdReady（）執行deleay執行。