在jQuery中使用$（document）.ready（）的可靠方法

讓我們說，在頁面生成過程中PHP腳本，你需要使用jQuery準備好一些代碼。

$(document).ready(function() { 
    console.log("hi!"); 
});

問題是，在這一點上，你不知道jQuery有或沒有加載，如何修改上述代碼，以便都箱子將如何處理？

更新：我之所以問的是我想在一個WordPress博客中添加一些JS代碼，但jQuery是在頁腳（我不能改變）加載，所以我想這項工作既可靠的解決方案當jQuery被加載到頁眉和頁腳時。

來源

2014-07-10 Ryan

試試這個：如果（ $）{...} –

只需在頁面生成過程中不添加代碼 - 只需在最後包含所有內容。或者，將它包含在導入jQuery的腳本標記之後。如果你在它之前包含它，它將永遠不會工作。如果您在其後包含代碼，它將始終有效。就那麼簡單。 – MMM

如果您的代碼是在腳本導入jQuery之後插入的，並且您沒有顯式聲明該腳本爲異步，那麼在jQuery加載之前它將不會被執行。這是否回答你的問題？如果不是什麼你的確切用例？ –

如果只CONSOLE.LOG的文件準備就緒（）函數內部:)（我的意思是沒有的jQuery）

if(typeof window.jQuery === "undefined") { 
    window.onload = function() { 
    console.log("hi!"); 
    } 
} else { 
    jQuery(document).ready(function() { 
    console.log("hi!"); 
    }); 
}

品（UPDATE）

var j = document.createElement('script'); 
j.type = "text/javascript"; 
j.url = "url/to/your/jQuery"; 
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(j, s); 
/** then your code */

來源

2014-07-10 10:07:05 iamawebgeek

在jQuery中使用$（document）.ready（）的可靠方法

回答

相關問題