javascript，jquery衝突

-2

我有一些關於jquery和javascript的問題。我有一個由於jQuery衝突而無法工作的代碼，我相信它是因爲版本，解壓縮或壓縮（我不清楚）。我與jQuery代碼的部分如下：javascript，jquery衝突

<head> 
<meta name="server-time" content="04/08/2014 09:57:32"> 
<link rel="stylesheet" href="css/container.css">  
<link rel="stylesheet" href="css/css_main_az.css"> 
<link rel="stylesheet" href="css/tabs.css"> 
<link rel="stylesheet" href="css/main.css" type="text/css" /> 
<link rel="stylesheet" href="css/modal.css"> 
<link rel="stylesheet" href="css/style.css" type="text/css" id="" media="print, projection, screen" /> 
<link rel="stylesheet" type="text/css" href="widgets-min.css" title="default"/> 
<link rel="stylesheet" type="text/css" href="tipped.css"/> 

<script src="css/modal.js"></script> 
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script> 
<script type="text/javascript" src="widgets-min.js"></script> 
<script type="text/javascript" src="spinners.min.js"></script> 
<script type="text/javascript" src="tipped.js"></script> 
<script type="text/javascript" src="css/jquery.js"></script> 
<script src="css/modernizr.custom.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="animatedcollapse.js"></script> 
<script type="text/javascript" src="css/jquery-latest.js"></script> 
<script type="text/javascript" src="css/jquery.tablesorter.js"></script> 
</head>

你們能幫我找出衝突的jQuery，還做我需要包括所有其他的javascript，如果我已經從jQuery裝？例如，如果它已經在jquery庫中，我需要引用animatedcollapse.js嗎？最後，我需要做些什麼來修復這個衝突的代碼？

在此先感謝

來源

2014-04-09 StrikeNeo

你包含了太多的jQuery版本！我看到至少4個參考。選一個！ – epascarello

也，你加載兩個jQuery庫jquery-1.7.2.min.js和http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js – andrew

你有什麼建議我挑？ – StrikeNeo

要包括的jquery庫多次。以下是多餘的，選擇一個，並刪除其餘的。你可能想的jQuery腳本是你的CSS <link>小號

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="css/jquery.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="css/jquery-latest.js"></script>

也許不是一個壞主意後的第一個搶到從jquery.com最新版本並使用它。目前有兩種選擇（1.11.0和2.1.0）我會建議1.11.0除非你可以忽略舊版本的Internet Explorer

來源

2014-04-09 14:08:56

好的，我選擇了1，jquery1.7.2.min.js，我刪除了其餘的。現在一些功能不像以前那樣運行。例如animatedcollapse.js不能與jquery 1.7.2.min.js一起使用。我該如何解決？我需要找到不同版本的animatedcollapse.js嗎？謝謝你的答案btw。 – StrikeNeo

*「我需要找到不同版本的animatedcollapse.js」*是的。只是找到支持jQuery 1.7.2的插件。 –

謝謝你的幫助 – StrikeNeo

您正在加載4版本的jQuery，你應該叫只有一個

<script src="css/modal.js"></script> 
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script> 
<script type="text/javascript" src="widgets-min.js"></script> 
<script type="text/javascript" src="spinners.min.js"></script> 
<script type="text/javascript" src="tipped.js"></script> 
<script src="css/modernizr.custom.js"></script> 
<script type="text/javascript" src="animatedcollapse.js"></script> 
<script type="text/javascript" src="css/jquery.tablesorter.js"></script>`

來源

2014-04-09 14:08:39

javascript，jquery衝突

回答

相關問題