jquery中setOptions的问题

时间:2012-08-03 08:15:08

标签: javascript jquery jquery-autocomplete

我真的很抱歉提出这样一个新问题,但我不知道还能做什么。

我尝试执行以下操作

<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

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



  <script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
  <script src="./js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript">
     $(document).ready(function() {
           $("a").click(function() {

            alert('1');
            $("#producto").setOptions({max: 2}); 

            alert('2');
           });
 });
     </script>

</head>
<body >

    <a href="">Link</a>


     <input id="producto" name="producto" value="hola" />
</body></html>

它始终给出相同的错误,即对象不接受方法'setOptions'。

我做错了什么!! ??有什么建议吗?

3 个答案:

答案 0 :(得分:1)

您没有初始化此输入字段的autocomplete插件。因此setOptions未定义。

查看documentation,尤其是自动完成插件的示例/来源。

e.g。

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

答案 1 :(得分:1)

首先,您必须初始化自动完成:

 $("#producto").autocomplete("", {
    width: 320,
    max: 14,
    highlight: false
    //..Some Options
});

然后你可以使用.setOptions()和其他方法。

PS: Autocomplete Jquery Plugin Page说:

  

Note(2010-06-23):此插件已弃用,不再开发。它的文件不是由JQUERY项目维护的,而且在JQUERY.COM上不可用。

     

它的继承者是jQuery UI的一部分:

     

http://jqueryui.com/demos/autocomplete/

答案 2 :(得分:0)

您缺少自动填充方法:

也许这会对你有所帮助:

var ac = $('#query').autocomplete(options);
ac.setOptions({ zIndex: 1001 });

http://www.devbridge.com/projects/autocomplete/jquery/