2012-01-19 91 views
4

這個問題的答案可能會給我一個「doh!」的時刻,但我在哪裏可以找到一個工作selectmenu插件,與後期(ISH)jQuery UI版本工作?jQuery UI 1.8.17和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

如果您認爲任何人應該工作,請指點我正確的方向,以便我可以b能夠調查爲什麼它不適合我。

+0

見鏈接:http://stackoverflow.com/questions/4245336/jquery-selectmenu-wordpress – Domenico

回答

2

我有同樣的問題。但現在我解決了它:

1)乘坐JavaScript的Selectmenu源代碼: http://view.jqueryui.com/selectmenu/demos/selectmenu/default.html

距離jQuery UI的1.9版本。因此,因爲1.8.17不知道_super,所以將_super更改爲舊的:

//this._super(key,value);
$ .Widget.prototype._setOption.call(this,key,value);

在功能 「drawmenu」 變 「選擇」,以 「選擇」
(this.menu.menu({選自:)

2)加強jquery.ui.widget.js具有以下功能,從1.9m5(從1.9m6延遲): _bind,_delay。

add「this.bindings = $();」去_createWidget。

add「this.bindings.unbind(」。「+ this.widgetName);」摧毀。 3)拿這個css幷包含它:
.ui-selectmenu-menu {padding:0;保證金:0;位置:絕對的; top:0;顯示:無; }
.ui-selectmenu-menu .ui-menu .ui-menu-item a {padding:0.3em 1em 0.3em 1em; }
.ui-selectmenu-menu .ui-menu li.ui-state-disabled {padding: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 {display:block; }
.ui-selectmenu-button span.ui-icon {right:0.5em; left:auto; }
.ui-selectmenu-button span.ui-button-text {text-align:left; padding:0.4em 2.1em 0.4em 1em}

4)jQuery UI 1.8.17有一個menu-Widget。它是自動完成的一部分。從那裏提取它並把它放在一個新文件中。

希望這有助於
沃爾夫岡

+0

我試試這個。但你怎麼知道這個版本是從1.9開始的?當我檢查該演示的源代碼時,其依賴於版本1.7.1,所以這就是我所設想的。 – MatteS

+0

嘗試此操作,它仍然在選擇菜單行46中失敗:this._bind({...此外,我不太確定如果我願意改變jQuery UI的來源,但生病給它一個機會.. – MatteS

+0

你好MatteS!你有沒有添加 - 正如我所說的 - _bind-jquery-ui-widget-file? –

相關問題