2013-02-16 38 views
0

如果這看起來不那麼有用的(注意到「太本地化」密切票),那麼請告訴我爲什麼。我認爲Django和JQuery UI是一個非常優秀的團隊,因此值得研究使用它們的任何問題。這個問題的答案不是我發現記錄在另一個問題中,而是與在其他地方使用其他小部件有關。

就到了問題...


我在開發模式下的Django項目。其內部靜態目錄我有以下文件結構:

directory: js 
      jquery-1.9.1.js 
      jquery-ui-1.10.1.custom.js 
      other_stuff.js 
directory: css 
      directory: ui-lightness 
       directory: images 
       jquery-ui-1.10.1.custom.css 
       jquery-ui-1.10.1.custom.min.css 

我試圖讓日期選擇器上的我的形式之一工作:

在我的HTML的頭,我有:

<link type="text/css" rel="stylesheet" href="/static/css/ui-lightness/jquery-ui-1.10.1.custom.css"/> 
<script src="/static/js/jquery-1.9.1.js" type="text/javascript"></script> 
<script src="/static/js/jquery-ui-1.10.1.custom.js" type="text/javascript"></script> 
<script type="text/javascript"> 
     $(document).ready(function() { 
       $("#id_date_of_birth").datepicker(); 
     }); 
</script> 

,我試圖改變輸入的樣子:

<input type="text" size="10" id="id_date_of_birth" class="vDateField" value="1987-01-19" name="date_of_birth"/> 

現在我知道這個問題已被問過像十億次之前,但迄今爲止我所閱讀的列出的解決方案都沒有工作......任何人都可能冒險猜測爲什麼我得到錯誤$(...).datepicker is not a function

的東西,我已經考慮:

  1. 似乎一切都包含在正確的順序。其他的解決方案,包括提jQuery用戶界面的...core.js但我認爲一切都包含在jQuery的UI-1.10.1.custom.js因爲否則jQuery UI的下載頁面是非常誤導的(我選擇下載每個組件並沒有影響)

  2. 除了我提到的那個之外,沒有其他錯誤出現。所有腳本加載正確

  3. 沒有被包含不止一次

  4. 我在等待,直到該文件是調用任何事情前準備好,所以我的問題是不是由於時機不佳

+0

你確定所有的腳本都被加載了嗎?該''標籤(加載外部腳本時,它甚至需要),你可以從代碼高亮看到。 – JJJ 2013-02-16 13:14:01

+0

@Juhana:是的,我敢肯定。我是從螢火蟲複製粘貼的。它有助於省略結束標籤。我已經編輯了問題 – Sheena 2013-02-16 13:32:56

+0

@Juhana:我發現這個問題的感謝!如果你能猜到它是什麼,我會標記你正確:) – Sheena 2013-02-16 13:35:07

回答

0

出於某種原因,鏈接需要一個單獨的結束標記...

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

如果您列出的目錄結構是準確的,那麼您的jQuery文件不會以「.js」結尾,而您對這些文件的引用在頁眉中確實有「.js」。將「.js」擴展添加到你的jquery文件中,它應該可以工作。

你也應該關閉輸入元素:

<input type="text" size="10" id="id_date_of_birth" class="vDateField" value="1987-01-19" name="date_of_birth" **/**> 
0

這件事給了我好幾次。

我做了什麼複製整個代碼(腳本),並把它放在父視圖。

如果你想將這個腳本的部分,可能無法正常工作,儘量把它放在一個較高的水平,直到你完成這項工作。在Django的奧斯卡

一個例子,我不得不把腳本在basket.html模板,使其在這裏工作:

{%包括「籃/諧音/ basket_content.html」%}

相關問題