自动完成组合框按钮未正确呈现

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
})

我不明白为什么 "Show all" 按钮不可见。它在那里，宽度为 0。手动更改宽度时，按钮图标不可见。我错过了什么？

这是一个fiddle：Autocomplete Combobox

Answer 1

添加正确的CSS:

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

然后您提供的代码有效：https://jsfiddle.net/Twisty/dL2uqwem/

或者在你的代码中 header:

<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>

自动完成组合框按钮未正确呈现

Autocomplete combobox button not rendered properly

jquery-ui

jquery-widgets