Jquery AutoComplete 被 Jquery Slider 隐藏 - JQuery 等效于 wmode？

【问题标题】：Jquery AutoComplete Gets Hidden by Jquery Slider - JQuery Equivalent of wmode?Jquery AutoComplete 被 Jquery Slider 隐藏 - JQuery 等效于 wmode？
【发布时间】：2012-08-16 08:12:00
【问题描述】：

我在我的网站上使用 Jquery UI 的自动完成功能 found here 和 Nivo 滑块 found here。自动完成位于 nivo 滑块上方。发生的事情是在我的 nivo 滑块的第一张幻灯片上，当我为自动完成输入内容时，出现的建议没有下面的横幅覆盖它。但是当第二张幻灯片出现时，建议隐藏在横幅下方。我基本上使用 jquery ui 自动完成和 nivo 滑块的默认设置。

这是一个图形：

我读到了 wmode，如果横幅在 flash 中，这基本上是一个修复，但在 jquery 中挖掘。我认为这与z-index有关。我对么？我应该如何解决这个问题？

感谢大家的帮助！

【问题讨论】：

标签： javascript jquery css autocomplete nivo-slider

【解决方案1】：

作为 jQuery UI 自动完成的一部分，从文本框出来的下拉菜单（自动完成）：在其包装器 <ul class="ui-autocomplete" style="z-index: 1; ...etc"> 内动态创建一个 z-index: 1

您只需要确保所有自动完成的东西（甚至只是那个特定的）都比 nivo 滑块高得多。

jsFiddle DEMO（让它出现，然后检查，你会看到style="z-index: 99999;"

$( ".autocompleteThis" ).autocomplete({
    source: availableTags,
    open: function (event, ui) {
        $('.ui-autocomplete').css('z-index', '99999');
    }
});

Use the open: function (event, ui) {} 在此处设置自动完成 z-index。

【讨论】：

看起来它甚至可能需要更高，试试 99999
感谢您的出色回答。完美运行。