0

私は、phpを介してli要素が取り込まれているulを持っています。

リスト内の前のアイテムと次のアイテムにアクセスするために、li アイテムに前の次のボタンを追加できるようにしたいと考えています。リスト項目は、href が #example の jquery モーダルを開きます。クエリを使用してモーダルの prev および next ボタンに href 値を追加するにはどうすればよいですか? または、phpで追加しますか。

<div id="gallery">
    <ul class="gallery">
        <?php
        foreach ($employees as $employee1) {
            echo '<li>
                    <a href="#' . $employee1[0] . '"  data-toggle="modal" class="modalLink"><img src="assets/img/' . $employee1[0] . '.jpg"/></a>
                </li>';
        }
        ?>
    </ul>
</div>

<div id="modals">

        <?php
        foreach ($employees as $employee2) {
            echo '
            <div id="' . $employee2[0] . '" class="modal hide fade container" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-header">
                    <a href="">prev</a>
                    <button type="button" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button><a href="" class="nextarrow">next</a>
                </div>
                <div class="modal-body">
                    ........
                </div>
            </div>';
        }
        ?>

</div>
4

2 に答える 2

0

次のようなJavaScriptコードを使用する必要があります

function showNext(){
    $('#current_id').modal('hide');
    $('#next_id').modal('show');
}

のように next_id を設定できますnext_id = current_id + 1。

于 2013-09-07T19:30:51.217 に答える