4

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

这是一个图形：

在此处输入图像描述

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

感谢大家的帮助！

4

1 回答 1

4

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

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

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

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

使用 在open: function (event, ui) {}那里设置自动完成 z-index。

于 2012-08-21T00:49:40.800 回答