分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery-ui – 可调整大小的自动完成，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我一直在尝试创建一个可调整大小的自动完成(我甚至不确定这是否可行！).我已经尝试了很多从谷歌获取想法但却未能实现的东西.
代码我创建了一个可调整大小的菜单,但它没有与文本框的底部对齐,当我第二次搜索时,调整大小选项消失了.有没有办法解决它,或者可以通过任何其他方式实现此功能？

<head runat="server">
    <title></title>
    <link href="~/css/1.8/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="~/script/jquery/1.5/jquery.min.js"></script>
    <script src="~/script/jqueryui/1.8/jquery-ui.min.js"></script>

    <style>
        .ui-resizable-se
        {
            bottom: 0px;
        }
        .ui-autocomplete
        {
            BACkground: silver;
            overflow-y: hidden; /* prevent horizontal scrollbar */
            overflow-x: hidden;
        }
    </style>
    <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","scheR_826_11845@e"
        ];
            $("#tags").autocomplete({
                source: availableTags,open: function (event,ui) {
                    $('ul.ui-autocomplete').resizable();
                }
            });
        });

        $(function () {
            $("#ul.ui-autocomplete").resizable({
                handles: "se"
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="ui-widget">
        <label for="tags">
            Tags:
        </label>
        <input id="tags">

    </div>
    </form>
</body>
</html>

解决方法

它对我来说适用于不@R_847_11197@的jquery和jquery ui(调整自动完成下拉列表).

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

JSFiddle

@H_450_25@