jQuery UI未加載

我的測試div在下面。如果我把所有這些放到自己的頁面中，一切都完美無缺。如果它放在我的最後一頁上，我會得到一個錯誤，說datepicker（）是未定義的。jQuery UI未加載

如何判斷是什麼導致jQuery UI中斷？

<div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 

<script type='text/javascript'> 
$(document).ready(function() { 

    //for calendar 
    $("#date_to").datepicker(); 
    $("#date_from").datepicker(); 
    //end for calendar 
}) 
</script> 

<input id='date_to'> 
<input id='date_from'> 
</div>

來源

2012-04-03 Oliver I

似乎在這裏工作：http://jsfiddle.net/Vvmxx/。我會假設頁面中可能有其他代碼導致錯誤，並且datepicker錯誤是副產品。 – 2012-04-03 19:26:20

你能提供源或鏈接到你的最終頁面嗎？另外，控制檯說什麼？只是jQuery.ui未定義？ – 2012-04-03 19:26:59

我同意@RoryMcCrossan日期選擇器是副產品。 – 2012-04-03 19:27:32

確保當你在這裏生成的jQuery用戶界面包：http://jqueryui.com/download，您選擇的元素日期選擇器。我看到你使用的是由谷歌託管的版本，它在這裏正常工作，他們提供它：jQuery UI Datepicker 1.8.18（看源代碼）。要弄清楚是什麼導致jQueryUI中斷，除了調試：

Test at jsfiddle.net;
在其他本地環境中測試（其他瀏覽器）;

希望它有幫助。

來源

2012-04-03 20:12:32

確保您沒有意外引用jQuery兩次。在jQuery UI之後，我有一個老版本的jQuery加載，這是一個令人興奮的事情。 =/

來源

2012-07-04 14:16:58 JoshNaro

剛剛有一個類似的問題：加載jQuery UI兩次使用它的第一個項目可以droppable（至少它是如何出現的）。 – Trojan 2014-06-10 20:50:50

我想補充一點，我有另一個庫在我自己的引用之上加載jQuery的舊版本。這就是爲什麼它不容易被發現。 – JoshNaro 2015-11-18 16:49:15

如果您使用下載生成器包含DataTables，請不管您是否包含帶有DataTables的jQuery選項。如果你是，不要單獨包含jQuery。如果你不是，你必須單獨包含jQuery。這燒傷了我！謝謝你的提示。 – 2015-11-28 23:32:06

jQuery UI未加載

回答

相關問題