Question

我正在尝试使此小部件在我的应用程序中起作用-http://jqueryui.com/autocomplete/#combobox

我只是想使示例按原样工作。我确实必须更改按钮小部件的初始化以匹配最新版本的jQuery，但没有进行任何其他更改。这是我删除的部分：

.button({
    icons: {
        primary: "ui-icon-triangle-1-s"
    },
    text: false
})

它被替换为：

.button({
       icon: "ui-icon-triangle-1-s",
       showLabel: false
})

我不明白为什么“全部显示”按钮不可见。它在那里，宽度为0。手动更改宽度时，按钮图标不可见。我想念什么？

这里是一个小提琴：Autocomplete Combobox

Answer 1

添加适当的CSS：

https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css

然后您提供的代码起作用：https://jsfiddle.net/Twisty/dL2uqwem/

或在您的代码标题中：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

自动完成组合框按钮显示不正确

1 个答案: