拆分JQuery的斷串聯JavaScript文件

目前我串聯我的JavaScript插入構建（all.js）一個文件出於性能的考慮，減少帶寬的，我嘗試使用的jquery.js從谷歌的API。拆分JQuery的斷串聯JavaScript文件

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

這樣做了以後，我所有的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，1.8.6 jQueryUI的MooTools的和1.4.1

來源

2011-12-16 Matt Klooster

符號「Ajax」的本身（沒有「$」，沒有「jQuery的。」）似乎並不像一個jQuery的問題。 – Pointy 2011-12-16 15:54:13

我認爲你可能會得到一個種族衝突，你的all.js文件在jquery之前加載。 Mabey試着把你的ajax放在文件加載或引用一個本地jquery庫。 – 2011-12-16 15:54:57

的問題是由通過MooTools衝突引起的。重構我的AJAX專門使用jQuery，現在一切正常。

來源

2012-04-23 15:18:46

據我瞭解你，都能正常運作時你有jQuery和所有其他代碼在同一個文件中。但是現在，您已將所有其他代碼移動到單個文件all.js中，並從CDN加載jQuery。

但我不能找到代碼中任何使用jQuery document ready callback，所以一定要使用此：

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

來源

2011-12-16 16:37:10

拆分JQuery的斷串聯JavaScript文件

回答

相關問題