2010-09-08 83 views
1

有人可以通過簡單的數據對象發佈一個簡單的html代碼,瞭解如何實現它。jQuery AutoSuggest插件

這裏是http://code.drewwilson.com/entry/autosuggest-jquery-plugin

我想盡一切辦法得到它的工作,我至今沒有成功的聯繫,可以請人幫

感謝

梅森

+2

由於您已經嘗試過「所有事情」,因此我們無法提供太多幫助。如果你詳細描述了「我迄今爲止還沒有成功」,你將會有更多的運氣。你到底做了什麼,究竟發生了什麼以及發生了什麼?通過這種方式,我們可以提供更合適的答案,使您可以繼續進行目前所處的特定步驟。 – BalusC 2010-09-08 18:19:10

+1

基本上我從來沒有用過這個以前,我需要實現它類似於一個清單,所以它就像

  • 人的名字
  • user393273 2010-09-08 18:27:45

    回答

    4

    這似乎工作得很好(基本上它已經脫離了網站),可能需要一些樣式才能得到它想要的樣子。也不確定你的數據來自哪裏,但他也有一些Ajax示例。

    無論如何,將以下內容另存爲一個.html文檔作爲示例。

    <html> 
    <head> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
        <script src="http://the-know-your-rights.googlecode.com/svn-history/r10/trunk/resources/js/jquery/autoSuggest/jquery.autoSuggest.minified.js"></script> 
        <script type="text/javascript"> 
         var $sel = null; 
         $(document).ready(function() { 
          var data = {items: [ 
           {value: "21", name: "Mick Jagger"}, 
           {value: "43", name: "Johnny Storm"}, 
           {value: "46", name: "Richard Hatch"}, 
           {value: "54", name: "Kelly Slater"}, 
           {value: "55", name: "Rudy Hamilton"}, 
           {value: "79", name: "Michael Jordan"} 
          ]}; 
          $("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"}); 
         }); 
        </script> 
    </head> 
    <body> 
        <input type="text" /> 
    </body> 
    </html> 
    

    如果這不是你要找的,然後更新更多的細節你的問題是什麼,我會看看我可以幫你更好的答案。

    +0

    感謝我點擊了刻度和加號 – user393273 2010-09-09 07:02:29

    +0

    很高興我能夠幫助! – 2010-09-09 12:56:43