javascript - document.ready 和 ExecuteOrDelayScriptLoaded

Question

我有一个两难境地 - 我的 javascript 代码需要在 DOM 准备好时执行。但是，同时我需要能够连接到另一个脚本的加载事件。所以假设说我需要这样的东西：

 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/