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

时间:2014-07-10 09:34:04

标签: javascript jquery

让我们说在页面生成的中间,例如PHP脚本,你需要用jQuery附加一些代码'准备好了,例如

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

问题是,此时您不知道jQuery是否已加载,如何修改上述代码以便两者个案将被处理?

更新:我问的原因是我想在WordPress博客文章中添加一些JS代码,但是jQuery是在页脚中加载的(我无法改变),所以我想要可靠在页眉和页脚中加载jQuery时都能正常工作的解决方案。

1 个答案:

答案 0 :(得分: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 */