jQuery UI 1.8.17 и выбранное меню

Question

Ответ на этот вопрос, вероятно, даст мне «дох!» момент, но где я могу найти работающий плагин selectmenu, который работает с более поздней (ish) версией jquery ui?

Iv пытался из всех этих мест, но ни один, кажется, не работает:

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

Если вы считаете, что кто-то из них должен работать, пожалуйста, укажите мне правильное направление, чтобы я мог выяснить, почему это не работает для меня.

Answer 1

обновление для заинтересованных лиц:

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

было недавно обновлено, и код работает с jQuery 1.10.1 и jQuery UI 1.10.3

Answer 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 (this, key, value);

В функции "drawmenu" измените "выберите" на "selected"
(this.menu.menu ({selected:)

2) Enhance jquery.ui.widget.js со следующими функциями из 1.9m5 (_delay из 1.9m6): _bind, _delay.

add "this.bindings = $ ();"в _createWidget.

добавьте "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 {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 {вправо: 0.5em;слева: авто;}
.ui-selectmenu-button span.ui-button-text {text-align: left;padding: 0.4em 2.1em 0.4em 1em}

4) jQuery UI 1.8.17 имеет виджет-меню.Это часть автозаполнения.Извлеките его оттуда и поместите в новый файл.

Надеюсь, это поможет
Вольфганг