4

この質問への答えは、おそらく「ドッ!」となるでしょう。瞬間ですが、最新の(ish) jquery uiバージョンで動作するselectmenuプラグインはどこにありますか?

私はこれらすべての場所から試しましたが、どれもうまくいかないようです:

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

https://github.com/fnagel/jquery-ui

http://view.jqueryui.com/selectmenu/demos/selectmenu/default.html

http://jqueryui.com/download

それらのいずれかが機能すると思われる場合は、正しい方向に向けてください。なぜそれが機能しないのかを調査できるようになります.

4

2 に答える 2

2

私も同じ問題を抱えていました。しかし、今私はそれを解決しました:

1) JavaScript-Selectmenu ソースコードを http://view.jqueryui.com/selectmenu/demos/selectmenu/default.htmlから取得します。

jQuery UI 1.9 からのバージョンです。1.8.17 は _super を認識しないため、_super を古いものに変更します。

//this._super(キー、値);
$.Widget.prototype._setOption.call (これ、キー、値);

関数 "drawmenu" で、"select" を "selected" に変更します
(this.menu.menu({ selected: )

2) jquery.ui.widget.js を 1.9m5 から (1.9m6 からは _delay) の次の関数で拡張します: _bind、_delay。

「this.bindings = $();」を追加 _createWidget に。

add "this.bindings.unbind( "." + this.widgetName );" 破壊する。

3) 次の css をインクルードします:
.ui-selectmenu-menu { padding: 0; マージン: 0; 位置:絶対; 上: 0; 表示: なし; }
.ui-selectmenu-menu .ui-menu .ui-menu-item a { パディング: 0.3em 1em 0.3em 1em; }
.ui-selectmenu-menu .ui-menu li.ui-state-disabled { パディング: 0.3em 1em 0.3em 1em; }
.ui-selectmenu-menu .ui-menu li.ui-selectmenu-optgroup { font-weight: bold; 行の高さ: 1.5; パディング: 2px 0.4em; マージン: 0.5em 0 0 0; }
.ui-selectmenu-open { 表示: ブロック; }
.ui-selectmenu-button span.ui-icon { 右: 0.5em; 左: 自動; }
.ui-selectmenu-button span.ui-button-text { text-align: left; パディング: 0.4em 2.1em 0.4em 1em }

4) jQuery UI 1.8.17 にはメニューウィジェットがあります。オートコンプリートの一部です。そこから抽出し、新しいファイルに入れます。


これがヴォルフガングに役立つことを願っています

于 2012-01-25T13:27:33.783 に答える