在 IE 中使用 jQuery UI Selectmenu 插件时出错答案

【问题标题】：Error using jQuery UI Selectmenu plugin in IE在 IE 中使用 jQuery UI Selectmenu 插件时出错
【发布时间】：2011-01-03 19:00:20
【问题描述】：

jQuery UI Selectmenu 插件，在这里演示：http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

我在使用这个插件时遇到了一些问题。我将只关注仅在 IE 中发生的一个。

我有html：

<label for="SearchState"></label>
<select style="width: 160px" name="SearchState" id="SearchState">
   <option>CT</option>
   <option>MA</option>
   <option>NH</option>
</select>

和 jQuery：

$('select#SearchState').selectmenu();

在 Firefox 中这是可行的，但在 IE 中加载时出现错误：

"Invalid argument" - jquery 1.4.2 Line: 4618

但是，新样式的选择菜单与原始选择菜单一起出现（这是设计使然，但应该隐藏原始的 html 选择菜单），但是当我单击一个选项时，会出现以下几个错误：

“this._optionList”为空或不是对象 - ui.selectmenu.js 第 400 行

任何想法为什么这在 IE 中不起作用？

ui.selectmenu.js 的第 399-401 行

_selectedOptionLi: function() {
    return this._optionLis.eq(this._selectedIndex());
},

jquery-1.4.1.js 的第 4615-4622 行

name = name.replace(rdashAlpha, fcamelCase);

if ( set ) {
    style[ name ] = value;
}

return style[ name ];

【问题讨论】：

您使用的插件是最新版本吗？如果没有，请尝试升级它并升级jquery，如果可以的话
你需要更清楚一点，你说你引用了 jquery 1.4.2 的错误，然后显示了 1.4.1 的代码。您的页面中包含哪个版本？另外你使用的是哪个版本的 jQuery UI？
您使用的是哪个版本的 jQuery、jQuery UI、选择菜单、IE 和 Windows？我们只需要澄清一下。
我的回答能回答你的问题吗？只是不想让你忘记赏金。

标签： javascript jquery html jquery-ui jquery-plugins

【解决方案1】：

我确认了这种行为。我在this jsfiddle 中重新创建了它。将 jQuery 升级到 1.7.2 后，它没有给出这些错误。在this jsfiddle 是固定版本。请注意，我还将 jQuery UI（因为 jsFiddle）升级到了 jQuery UI 1.8.18，但问题在于您使用的 jQuery 版本。我建议更新到最新（稳定）版本的jQuery and jQuery UI 和选择菜单（JavaScript 和CSS）。

【讨论】：

【解决方案2】：

您正在使用一个旧的 jQuery UI labs 插件，它看起来已经有一段时间没有工作了。

看看github上的这个fork https://github.com/fnagel/jquery-ui。

jQuery UI 的一个分支，用于推动一些插件的开发。目前您会发现：最新版本的 Selectmenu（最初由 filament 组提供）和可访问的 jQuery UI Tabs 版本。请检查分支选择菜单和选项卡可访问性

【讨论】：

【解决方案3】：

如果您链接到的演示在 IE 中运行，作为第一步，我会尝试使用 same version of selectmenu that the demo is。如果这有效，您就知道这是插件的问题。

【讨论】：