2012-04-24 56 views
0

嗨,大家好,我遇到jquery auto complete問題。其實,在開發人員給出的例子中工作正常,但一旦我試圖實施到我的系統,它不工作;jQuery Auto完成問題

<script type='text/javascript' src='scripts/jquery.autocomplete.js'></script></code> 

<link rel="stylesheet" type="text/css" href="scripts/jquery.autocomplete.css" /> 

<script type="text/javascript"> 

$().ready(function() { 

    jQuery("#coursex").autocomplete("get_course_list.php", { 
     width: 260, 
     matchContains: true, 
     selectFirst: false 
    }); 

}); 

</script> 
<form autocomplete="off"> 
     <p> 
      Course Namexx <label>:</label> 

      <input type="text" name="course" id="coursex" /> 

      <!--input type="button" value="Get Value" /--> 
     </p> 

     <input type="submit" value="Submit" /> 
</form> 

問題是,我沒有收到任何JavaScript錯誤在螢火蟲和所有文件都包括在內。 ajax-autocomplete項目。你可以從網上下載。

任何建議如何調試,如何解決或任何其他產品沒有jquery只有ajax和css。

+0

你擁有包括jQuery和jQuery的用戶界面? – Vertigo 2012-04-24 05:44:21

+0

是的,我包括jquery,但他們沒有包含在原始示例中 – Akrambek 2012-04-24 06:10:15

回答

1

你好看到演示這裏請:http://jsfiddle.net/Xzy9T/

請包括jQuery用戶界面(如例子中)以及&請確保你你的JavaScript的SRC是正確的,或者你可以找到一個網絡,並添加參考。

HTML

<p> 

     Course Namexx <label>:</label> 

     <input type="text" name="course" id="coursex" /> 

     <!--input type="button" value="Get Value" /--> 

    </p> 

    <input type="submit" value="Submit" /> 
​ 

jQuery的

$("#coursex").autocomplete({ 
    source: function(req, resp) { 
     $.post("/echo/json/", { 
      json: '["1", "2", "3", "4", "5"]', 
      delay: 1 
     }, function(data) { 
      resp(data); 
     }, "JSON"); 
    } 
}); 
​ 

enter image description here

+0

不,實際上,如果我僅應用於此係統,其他系統運行良好,則不起作用。我試圖一行一行地調試,我發現只有當我嘗試加載「phpGrid」時才停止。但我不是什麼確切的問題。 Firebug沒有顯示任何東西。你能否提出其他建議?謝謝 – Akrambek 2012-04-24 06:47:34

+0

是否有任何其他自動完成,你可以建議沒有jquery – Akrambek 2012-04-24 07:01:47

+0

Hiya @AkramYakubov顯示它的人?嗯讓我看看 - jquery自動完成:http://docs.jquery.com/Plugins/Autocomplete是相當saweet,你可能會發現在谷歌其他幾個版本; **喜歡這**:http://www.devbridge.com/projects/autocomplete/jquery/ - (我會看看如果我能找到一些);如果自動完成你使用兄弟,有什麼錯誤:)有一個不錯的小卡! – 2012-04-24 07:04:26