0

同じ Web パーツが複数回表示されるページがあります。問題は、Web パーツ コントロールのドロップダウンを開くと、下に配置されている同じ Web パーツが非表示になるため、z インデックスです。同じ z インデックスがあるためです。そのため、クラスを使用してページ内のすべての要素を取得しようとしており、それらをループして、webpart コントロールがページに表示されるときに z インデックスをデクリメントします。

したがって、コントロールのインスタンスが 3 つある場合、最初のインスタンスは az インデックス 60 を取得し、2 番目のインスタンスは 50 を取得し、3 番目のインスタンスは 40 を取得します。すべてのコントロールを選択できます。以下はクラスを使用していました。クラス patern 内にクラスを持つすべての要素を参照し、それらをループして z インデックスを割り当てます。

  $(document).ready(function() {

    $('.Wrapper .selectbox').css('z-index', '100');


});

ありがとう

4

1 に答える 1

1 
$($('.Wrapper .selectbox').get().reverse()).each(function(i){
    $(this).css('z-index', i * 20);
});

または、これをクリーンアップしたい場合は、単純な関数を作成します。

jQuery.fn.reverse = [].reverse;

次の構文を使用します。

$('.Wrapper .selectbox')reverse().each(function(i){
    $(this).css('z-index', i * 20);
});
于 2013-01-30T22:24:54.977 に答える