Question

目前我将我的javascript连接到build上的一个文件（all.js）出于性能原因和减少带宽，我试图使用google api中的jQuery.js。

https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js

执行此操作后，我的所有Ajax功能都停止工作，从而产生错误：

“未捕获的引用错误：未定义Ajax。”

以前，jquery是“all.js”中的第一个文件我按此顺序包含javascript文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="/js/all.js"></script>

任何帮助都会非常感激，我已经在这个问题上摸不着头几个小时了。

导致问题的原因：

jQuery.ajax({
    url: queryUrl,
    //cache: false,
    success: function(html) {
        onAjaxCallSuccess(input, queryUrl, jQuery.trim(html));
    }
});

为了记录，我使用的是jQuery 1.4.2，jqueryUI 1.8.6和mootools 1.4.1

Answer 1

问题是由与mooTools发生冲突引起的。重构我的AJAX只使用jquery，现在一切都很好。

Answer 2

据我所知，当你将jQuery和所有其他代码放在同一个文件中时，一切正常。但是现在，您已将所有其他代码移动到单个文件all.js中，并从CDN加载jQuery。

但我在您的代码中找不到jQuery document ready callback的任何用法，因此请务必使用此代码：

$(document).ready(function()
    //run your code here
});

从一个连接的javascript文件拆分JQuery

2 个答案: