與Django一起使用JQuery自動填充小部件

我意識到有很多關於這個問題的帖子，但到目前爲止沒有任何幫助。與Django一起使用JQuery自動填充小部件

我在放一個Django網站，我需要一個帶有可搜索字段的表單，也就是標準文本輸入，它使用給定的文本來過濾選項的下拉列表。

此功能正好就是呈現在JQuery的網站：http://jqueryui.com/demos/autocomplete/

我似乎無法使它發揮作用。下面是我的代碼：

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     var availableTags = [ 

      { label: "Mosek ApS, Ruben Nielsen", value: "8" } 

     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
</script> 
</head> 
<body> 
    <input id="tags"> 
</body>

到我的眼睛，這是完全一樣在上面提到的JQuery的網站示例代碼。輸入框顯示，但沒有下拉菜單出現，當我開始輸入標籤的文本（標籤：「Mosek ApS，Ruben Nielsen」）...

任何幫助..？？！

來源

2012-08-15 Eldamir

您需要包括jQuery UI（這是一個單獨的庫爲純jQuery的），JavaScript和CSS：

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>

來源

2012-08-15 12:32:25

輝煌。謝謝：） – Eldamir 2012-08-15 13:32:38

jQuery Autocomplete是jQuery UI庫的一部分，因此您需要將其包含在頁面以及核心jQuery庫中。

來源

2012-08-15 12:31:29

與Django一起使用JQuery自動填充小部件

回答

相關問題