0

クリックでコンテンツを表示するモーダル システムを使用しています。CMS に統合されたプロジェクトで使用しますが、以下と同じ構造、同じ ID、クラスで使用できるかどうかを知りたいです。

<div id="test">
    <a class="link" href="#">Link 1</a>
    <div id="basic-modal-content">
        Description 1
    </div>
</div>

<div id="test">
    <a class="link" href="#">Link 2</a>
    <div id="basic-modal-content">
        Description 2
    </div>
</div>

次のjqueryコードを試しましたが、最初のものでしか機能しません:

    $('#test').click(function (e) {
    $(this).find('#basic-modal-content').modal();

    return false;
});

各モーダルにID/クラスを動的に参加させる必要がなくても、何らかのトリックや何かがあると思います。私に役立つセレクターがあれば教えてください。

私の問題についてお読みいただきありがとうございます。

4

1 に答える 1

4

一意の要素でない限り、ID を使用しないでください。代わりにクラスを使用してください。ID を使用して何かを選択している場合、返される jQuery オブジェクトは最初に見つかったオブジェクトのみを参照するため、ID は一意のアイテムにのみ使用する必要があります。

それをもっとうまく言い換えましょう。ID は一意である必要があります。一意ではない要素に ID を付けても問題ありませんが、同じ ID をページの他の場所で使用しないでください。

于 2012-04-25T21:00:14.770 に答える