jquery - 多次使用 google.setOnLoadCallback 可以吗？

Question

我正在使用 ASP.NET MVC 构建一个网站，并且我有使用 jQuery 执行各种操作的部分 View 。我正在考虑切换到 Google 的 AJAX API 并使用他们的加载器来加载 jQuery。但是，我注意到我将无法再使用 $(document).ready()，因为 Google 的加载程序指定了回调 google.setOnLoadCallback()。

这对我来说有点问题，因为我在各种部分 View 中有 $(document).ready() 因为它们做了不同的特定于自己的事情，而我不希望要注意的父 View 。

我可以指定多个回调并将 $(document).ready() 替换为 google.setOnLoadCallback(someUniqueCallbackFunction) 吗？

这是处理这种情况的理想方法还是有其他更好的方法？

Answer 1

是的，您可以使用setOnLoadCallback代替$(document).ready。有一个未记录的第二个参数(或者至少我找不到它)指定何时调用回调函数；可能的值为“false”(默认)- 在窗口加载时，或“true”- 在 DOM 加载 (DOMContentLoaded) 时。一旦所有标记加载完毕(比 window.load 早得多)，就会触发 DOM 事件。窗口加载事件在所有图像和脚本等完成加载后触发。

// Very similar to $(document).ready()
google.setOnLoadCallback( OnLoad, true );

<小时/>

// Very similar to $(window).load()
// Same as google.setOnLoadCallback( OnLoad, false );
google.setOnLoadCallback( OnLoad );

是的，您可以在单个页面上多次使用 setOnLoadCallback。这是 AJAX API 的一个非常重要的未记录功能(截至本文发布时尚未记录)。每次调用 setOnLoadCallback 时，它都会堆积 DOM 或窗口加载后要调用的所有函数。