Jquery UI 组合框小部件和 jquery 菜单冲突

Question

我在与 jQuery Menu 相同的页面上使用 JQuery UI 组合框小部件（灯丝组 http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/）。

当我运行页面时出现此错误：

无法获取属性“zIndex”的值：对象为空或未定义

我认为这是这两个插件之间的冲突。

有没有其他人遇到同样的错误并解决了问题？

Answer 1

我刚刚解决了这个问题。将插件内$.fn.menu 的“菜单”更改为另一个词。我将其更改为$.fn.menux。然后方便地更改调用函数，例如：

$('#flat').menux({
    content: $('#flat').next().html(), // grab content from this page
    showSpeed: 400
});

$('#hierarchy').menux({
    content: $('#hierarchy').next().html(),
    crumbDefaultText: ' '
});

$('#hierarchybreadcrumb').menux({
    content: $('#hierarchybreadcrumb').next().html(),
    backLink: false
});

// or from an external source
$.get('menuContent.html', function (data) { // grab content from another page
    $('#flyout').menux({ content: data, flyOut: true });
});