2011-07-17 59 views
0

我剛剛開始使用JQuery,因此如果解決方案很簡單,那麼對我來說很簡單。包含多個JQuery插件問題

我的問題是,我在同一頁上2 jQuery插件,但其中只有1的工作,根據不同的文件已經包含了順序。見下:

<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="/js/js/jquery-ui-1.8.14.custom.min.js"></script> 

<link type="text/css" href="/js/css/smoothness/jquery-ui-1.8.14.custom.css" rel="Stylesheet" /> 

<script type="text/javascript"> 
//no conflict jquery 
jQuery.noConflict(); 
//jquery stuff 
$(document).ready(function(){ 
$("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 
}); 
</script> 

<script type="text/javascript" src="/js/mootools.js"></script> 
<script type="text/javascript" src="/js/moocheck.js"></script> 
<script type="text/javascript" src="/js/js_main.js"></script> 

在上面貼出的代碼中,複選框的樣式工作正常,但datepicker沒有。如果我刪除2個Mootools JS行,那麼datepicker工作正常。

有什麼想法嗎?

+0

mootools不是jQuery插件。 – Kon

+0

圖書館?對不起,可能會誤導我的主題,正如所說的,我是使用Jquery的新手。 –

回答

2

使用jQuery而不是$作爲datepicker。

jQuery(document).ready(function(){ 
jQuery("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 
}); 
+0

也就是說,除了從其他人的所做的更改幫助,使其工作:)。我是第一次提問者,那麼除了投票之外,還有其他事情我應該怎麼做? –

+0

選擇一個正確的答案並檢查它 –

4

您已包括在同一頁面上兩個不同版本的jQuery,刪除其中一個(較老的一個可能)。

也有可能是jQuery和MooTools之間的衝突,我會嘗試使用jQuery.noConflict(),也見"Using jQuery and MooTools Together"

+0

這是我的愚蠢,並沒有真正注意到它,但我仍然無法解決問題。我刪除了 line但沒有喜悅。 –

+0

感謝您的鏈接,我更新了我的問題,包括noConflict,但我仍然有不幸的問題。 –

1

你裝載2版本的jQuery的,所以刪除

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

此外,jQuery UI的應在jQuery的後右上角加載。

+0

刪除該行並轉移到剛剛的主要jQuery的文件,但沒有運氣:( –

+0

下面的UI線,請更新您的問題,以反映這些變化 –

+1

所做的一切,感謝幫助! –