Jquery ui でコンボボックス

Question

Jquery ui でコンボボックスを実現したいのですが、

http://www.riafactory.com/blog/javascript/jquery-ui%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9C%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

ここに書かれている通りにすると

Uncaught TypeError: $(...).combobox is not a function
```とエラーがでます。

jquery ui（Autocomplete） のバージョンはv1.11.4です。

jquery uiを読み込んで上記URLの通りにする以外に何か準備があるのでしょうか？


以下補足です。

Jquery uiの非圧縮のソースを見たのですが、comboboxなる記述は、11132行目あたりの
```ここに言語を入力
		// Create button
		this.button = $( "<span>", {
			"class": "ui-selectmenu-button ui-widget ui-state-default ui-corner-all",
			tabindex: this.options.disabled ? -1 : 0,
			id: this.ids.button,
			role: "combobox",
			"aria-expanded": "false",
			"aria-autocomplete": "list",
			"aria-owns": this.ids.menu,
			"aria-haspopup": "true"
		})
			.insertAfter( this.element );
```ここにしか登場しません。

公式の
https://jqueryui.com/autocomplete/#combobox
にある通り記述した方が良さそうですね。

Answer 1

やはり初めに貼ったURLのようには行かないようで、
https://jqueryui.com/autocomplete/#combobox
のソースをパクって実現できました。

初めに貼ったURLの方は本人が知らない間に神様が作ったソースを読み込んでたのだろうと推測します。

Answer 2

「jquery uiを読み込んで・・・」
と書かれておりますが、きちんと読み込まれておりますでしょうか？？？以下のような感じの部分ですが、パスなど正しいでしょうか？？
また、jQueryそのそもの（uiじゃない）は読み込まれておりますでしょうか？

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-- jQuery ui のテーマ -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script> <!-- jQuery -->
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <!-- jQuery ui 本体 -->

また、

$("hogehoge").combobox();

の呼び出しは、どのようなコードになっておりますでしょうか？？？
もし、素で呼び出すなら、

$(function() {
    $( "#combobox" ).combobox();
});

のように、

$(function(){
・・・
});

で、かこむ必要があります。
このあたりは、jQuery本体側の都合の話となります。

さて、今後ですが、
https://jqueryui.com/autocomplete/#combobox
こちらに、jQuety ui そのものの、デモおよび、ソースが確認できるサイトがあります。
ここのコードはコピペしても、きちんと動作しますので、
まずはこちらの情報を参考にされるのが、ベストかと思います。

Comments

[nobuzoh]

公式のソースから解決しました。

Answer 3

参考URL見ましたが、この情報だけで jquery ui は動かす自信は無いです。
autocomplete って書いておきながら、combobox とかなってるし。
本家みてください。
、、、にしても、なにをどう検索したらあのhpに辿り着いたんでしょうか。

本家は、
jquery ui autocomplete
で検索してください。

Comments

[nobuzoh]

「jquery ui コンボボックス」で検索したら2番めに出てきました。
1番目が本家と同様のソースで、それより簡単にやってたもので・・・。

結局、本家のやり方でうまくいきました。

Answer 4

読み込みの順番的に

jquery
jquery-ui

<script>
$('なにか').combobox()
</script>

の順番になっていますか？

Comments

[nobuzoh]

なっています。
補足で追記しますが、jquery ui のソース中にcomboboxなる関数はないので、そこからおかしい気がします。