このウィジェットをアプリケーションで機能させようとしています-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です。幅を手動で変更すると、ボタンアイコンは表示されません。何が足りないのですか?
ここにフィドルがあります:オートコンプリートコンボボックス
適切な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>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加