如何使用（安裝？）jQuery自動完成插件？

我的理解是，要使用我需要insert this code into the header插件：如何使用（安裝？）jQuery自動完成插件？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" /> 
    <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" /> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
    <script> 
    $(document).ready(function(){ 
    var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" "); 
$("#example").autocomplete(data); 
    }); 
    </script>

我這樣做，然後我把表格在html：

self.response.out.write(""" 
API Reference: <input id="example" /> (try "C" or "E")   """)

但沒有什麼是happenning。我錯過了什麼？

來源

2011-10-19 Zeynel

我建議通過Google CDN使用較新的jQueryUI Autocomplete。

把它列入你的應用程序中，使用這樣的

<!-- in your <head> section --> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">

的smoothness字符串中的URL引用jQueryUI的主題。你可以把它改成任何你想要的。見http://jqueryui.com/themeroller/#themeGallery

<!-- just before the closing </body> tag --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
    jQuery(function($) { 
     var data = [ 
      "Core", 
      "Selectors", 
      "Attributes", 
      "Traversing", 
      "Manipulation", 
      "CSS", 
      "Events", 
      "Effects", 
      "Ajax", 
      "Utilities" 
     ]; 
     $("#example").autocomplete({ 
      source: data 
     }); 
    }); 
</script>

在這些網址中1引用指的是版本號。只需使用1表示使用1分支的最新版本

來源

2011-10-19 02:55:58 Phil

感謝您的回答。現在它可以工作。 – Zeynel

如何使用（安裝？）jQuery自動完成插件？

回答

相關問題