仅在加载jquery时运行document.ready

Question

我在全局JS文件中有这段代码。

$(document).ready(function() {
       DoStuff();
 });

不幸的是，有些页面包含此文件但不包含jquery文件。所以我得到错误：

Message: The value of the property '$' is null or undefined, 
not a Function object

如果加载了JQuery文件，我该如何运行document.ready()。

Answer 1

if(window.jQuery) {
    $(document).ready(function() {
        DoStuff();
    });
}

<强>更新

检查window.jQuery而非jQuery。这应该绕过“未定义”错误。

Answer 2

您将首先测试jQuery的存在：

 if(jQuery)
 {
     $(document).ready(function() { ... });
 }

Answer 3

怎么样：

 if($){
   // your code here.
 };

Answer 4

好吧，将你的代码包装在里面：

if ( $ != undefined && $ != null) {
 //everything here

}

Answer 5

如果加载了jQuery，并且您仍然遇到该错误，请尝试以下操作：

jQuery(function($) {
    $(document).ready(function() {
        DoStuff();
    });
});

http://api.jquery.com/jQuery/#jQuery3

如果您的意思是“不已加载”，则无法使用“ready()”功能。

Answer 6

if(jQuery) {  
    $(function() {
        //...
    });
} 

或

if(typeof jQuery != 'undefined') {  
    $(function() {
        //...
    });
}