javascript - 在 jQuery 中使用 $( document ).ready() 的可靠方法

Question

假设在页面生成过程中，例如PHP 脚本，您需要附加一些已准备好 jQuery 的代码，例如

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

问题是，此时，你不知道 jQuery 是否已经加载，如何修改上面的代码，使得两种情况都可以处理了吗？

更新:我问的原因是我想在 WordPress 博客文章中添加一些 JS 代码，但是 jQuery 加载在页脚中(我无法更改)，所以我想可靠当 jQuery 在页眉和页脚中加载时都有效的解决方案。

Answer 1

如果文档中只有 console.log() 函数，准备好:)(我的意思是没有 jQuery)

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

其他(更新)

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 */