document.ready和ExecuteOrDelayScriptLoaded

Question

我有一個兩難的境地-當DOM准備就緒時，我的JavaScript代碼需要執行。 但是，與此同時，我需要能夠掛接到另一個腳本的load事件。 因此，假設我需要這樣的東西：

 ExecuteOrDelayUntilScriptLoaded(getData, "sp.js");


 function getData() {


       (document.ready(function() {

            //my code to get data from sharepoint list.  
       }));

 }

只有后者似乎不起作用。

請提出建議！

Answer 1

為什么不這樣做呢？

 $(document).ready(function() {
    ExecuteOrDelayUntilScriptLoaded(function getData(){
        //your code to get data from sharepoint list.  
    }, "sp.js");
 });

Answer 2

嘗試

$(document).ready(function() {
    $.getScript('sp.js', function() {
        //your code to get data from sharepoint list.
    });
});

要進一步控制腳本加載，請嘗試使用腳本加載器，例如簡單輕巧的yepnope.js或更復雜的LABjs。

Answer 3

如果您使用的是jQuery，MooTools或任何其他庫，則可以使用一個標准函數來掛鈎，該函數可以檢查DOM和資產是否已加載。

例如，在jQuery中： http : //api.jquery.com/ready/