4

ここにある Jquery UI のオートコンプリートと、ここにあるNivoスライダーを私の Web サイトで使用しています。オートコンプリートは nivo スライダーの上にあります。何が起こっているかは、私の nivo スライダーの最初のスライドにあります。オートコンプリートに何かを入力すると、下のバナーがそれを覆うことなく提案が表示されます。しかし、2 番目のスライドが表示されると、提案はバナーの下に隠されています。基本的に、jquery ui オートコンプリートと nivo スライダーの両方にデフォルト設定を使用しています。

ここにグラフィックがあります：

ここに画像の説明を入力

バナーがフラッシュにある場合は基本的に修正されますが、jquery でマイニングする wmode について読みました。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 に答える