jQuery腳本打破另一個JS腳本

我有一個日曆腳本，我得到了互聯網工作正常。最近，我嘗試了一個jQuery排序腳本，但我無法一起工作。它可以是日曆腳本或排序工作。jQuery腳本打破另一個JS腳本

我沒有太多jQuery的經驗。我試着用很多方法改變順序，改變jQuery版本並註釋掉一堆JS腳本，但我仍然只能得到一個或者一個或者沒有一個工作。

頁面受密碼保護，從數據庫中提取的信息是私人的，但如果有幫助，我會嘗試使用僞數據創建一個單獨的頁面;但我希望這個錯誤是明顯的。

這裏的頁頭：

<head> 
    <title>My Page</title> 

<!-- css --> 
    <link rel="stylesheet" type='text/css' href="stylesheets/datatable.css"/> 
    <link href="stylesheets/pagination.css" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" /> 
    <link rel="stylesheet" media="all" type="text/css" href="css/Aristo.css" /> 

<!-- scripts --> 
    <!-- [if lte IE 8]> 
    <script language="javascript" type="text/javascript" src="scripts/excanvas.js"></script> <![endif] --> 

    <script type="text/javascript" src="js/jquery-latest.js"></script> 


    <script type="text/javascript" src="scripts/jquery.datatables.js"></script> 
    <script type="text/javascript" src="scripts/jquery.fullcalendar.js"></script>  
    <script type="text/javascript" src="scripts/jquery.placeholder.js"></script> 
    <script type="text/javascript" src="scripts/jquery.accordion.js"></script> 
    <script type="text/javascript" src="scripts/jquery.tabbed.js"></script> 
    <script type="text/javascript" src="scripts/application.js"></script> 

    <!-- If I enable this, the calendar works but the sorting script stops working: 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"></script> --> 

    <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script> 
</head>

是否有明顯的錯誤嗎？我正在使用別人的jQuery。讓我知道是否有任何其他信息，我可以補充說，可能有助於這...

來源

2012-09-25 user1547410

嘗試首先加載jquery-1.8.0.min.js。（並刪除jquery-最新） – OctoD

問題是，您正在加載jQuery庫兩次當您取消註釋有問題的部分。這將導致第二個腳本覆蓋0，因此也包含上面插件已經附加的所有功能（其功能生活在$對象內）。

簡單的解決你的問題：只加載jQuery一次（最好通過CDN），加載原始庫作爲第一個腳本，然後加載它的插件，然後加載你自己的腳本。因此

正確的順序應該是：

<!-- Loading jQuery via Google --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

<!-- Loading jQuery scripts --> 
<script type="text/javascript" src="scripts/jquery.datatables.js"></script> 
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script> 
<script type="text/javascript" src="scripts/jquery.fullcalendar.js"></script> 
<script type="text/javascript" src="scripts/jquery.placeholder.js"></script> 
<script type="text/javascript" src="scripts/jquery.accordion.js"></script> 
<script type="text/javascript" src="scripts/jquery.tabbed.js"></script> 

<script type="text/javascript" src="scripts/application.js"></script>

來源

2012-09-25 08:18:12 m90

廢話，你打我吧... –

你的排序腳本，日曆腳本使用2個不同版本的jQuery。我假設你的排序腳本正在拉起的日曆與日曆之一（你的代碼中註釋掉的日曆）衝突。具體做法是：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

和：

<script type="text/javascript" src="js/jquery-latest.js"></script>

彼此競爭。

來源

2012-09-25 08:19:15

jQuery腳本打破另一個JS腳本

回答

相關問題