1

2 つの異なる領域に対応する div を読み込む (つまり、同じ情報を共有する) 必要がある Web ページがあります。これは、同じ広告キャンペーンの複数のバナー広告が Web ページ全体に読み込まれ、更新を押すと別の広告が表示されるのと似ています (ある瞬間、ページがトヨタの広告でいっぱいになり、更新すると、Adobe の異なるインスタンスが表示されます)。 .

現在、3 つのランダム div のうちの 1 つを正常にロードしています。div に div があるため、それらを順不同のリストに入れています。

<!-- HTML -->
<ul id="reps">
    <li>
        <div class="contact1">
        ...
        </div>
    </li>
    <li>
        <div class="contact2">
        ...
        </div>
    </li>
    <li>
        <div class="contact3">
        ...
        </div>
    </li>
</ul>

そして、ここのスクリプトは私から働いています：

    // random rep
    this.randomtip = function(){
        var length = $("#reps li").length;
        var ran = Math.floor(Math.random()*length) + 1;
        $("#reps li:nth-child(" + ran + ")").show();
    };

    $(document).ready(function(){    
        $('#reps li').hide();
        randomtip();
    });

ここで、これを複製する必要があり、2 番目の div のセットが上記のものに対応するようにします。多分私はPHPを使う必要がありますか？わかりません...助けてくれてありがとう！

4

2 に答える 2

1

たとえば、ページに ID "reps2" の div の別のリストがあると仮定すると、さまざまなセレクターをコンマで区切ることで、必要な要素を一度に非表示/表示することができます。

$('#reps li,#reps2 li').hide();

...

$("#reps li:nth-child(" + ran + "),#reps2 li:nth-child(" + ran + ")").show();

または、次を使用できます.add()

$('#reps li').add('#reps2 li').hide();
于 2013-06-04T21:04:09.247 に答える