Почему не открывается модальное окно?

Question

[Skrolea]

Использую Bootstrap3 и Yii2 с плагином yii2-scroll-pager

<div class="col-lg-4 col-sm-6 col-xs-12 item">
    <a href="#" data-toggle="modal" data-target=".pop-up-<?= $model->id ?>">
        <img src="/<?= $model[url] ?>" class="thumbnail img-responsive">
    </a>
</div>


<div class="modal fade pop-up-<?= $model->id ?>" tabindex="-1" role="dialog" aria-labelledby="myLargeModalPhoto" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>              
            </div>
            <div class="modal-body">
                <img src="/<?= $model[url] ?>" class="img-responsive img-rounded center-block" alt="">
            </div>
            <div class="modal-footer">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">share</button>              
            </div>
        </div>
    </div>
</div>

$dataProvider настроен на выдачу по 6 фото.
Так вот в первых 6 фото модальное окно открывается. В остальных нет. В консоли всё верно. id добавляется к каждому pop-up-<?= $model->id ? верно. В чём проблема?

Answer 1

[Максим Тимофеев]

А скрипт модалки подключен? Он в yii2 подключается при вызове виджета, если Вы вручную модальное окно создали, то надо и скрипт вручную подключить

Comments

[Skrolea]

А почему тогда первый 6 открываются? Наверное, я не совсем понял?

[Максим Тимофеев]

Skrolea: Если первые 6 открываются, значит со скриптом все ок. Копайте data-target и id у модалки, у Вас кстати class задан, а не id. Может в этом проблема. Но вообще так не делается. Модальное окно должно быть одно, а вот его наполнение меняться в зависимости от кнопки, какая нажата или что там его у Вас запускает. Через атрибут data.