2010-09-08 60 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