jQuery UI 1.8.17和selectmenu

时间:2012-01-19 15:07:02

标签: jquery-ui select jquery-ui-plugins

这个问题的答案可能会给我一个“哇!”那一刻,但我在哪里可以找到一个与晚期(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

如果您认为其中任何一个应该有效,请指出我正确的方向,以便我可以调查它为什么对我不起作用。

2 个答案:

答案 0 :(得分: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”功能中,将“select”改为“selected”
(this.menu.menu({selected :)

2)使用1.9m5中的以下函数增强jquery.ui.widget.js(_delay from 1.9m6):    _bind,_delay。

添加“this.bindings = $();”到_createWidget。

添加“this.bindings.unbind(”。“+ this.widgetName);”毁灭。

3)拿这个css包括它:
    .ui-selectmenu-menu {padding:0;保证金:0;位置:绝对的;顶部:0; display:none; }
    .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;左:汽车; }
    .ui-selectmenu-button span.ui-button-text {text-align:left;填充:0.4em 2.1em 0.4em 1em}

4)jQuery UI 1.8.17有一个菜单-Widget。这是自动完成的一部分。从那里提取并将其放入新文件中。

希望这会有所帮助 沃尔夫冈

答案 1 :(得分:2)

更新感兴趣的人:

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

最近更新了

,代码适用于jQuery 1.10.1和jQuery UI 1.10.3