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

Question

[Vanookay]

При вызове модального окна через \yii\bootstrap\Modal::begin всё затемняется, видимо вместе с модальным окном, не знаю в чём конфликт, как разобраться откуда корни растут?
Сами данные подгружаются, но окно попросту не видно.

<a class="linkProfile" href="#" onclick="return getCart()"><p class="textHeader">Корзина <span
                                        class="shopping-cart-price"><? echo (isset($_SESSION['cart.sum'])) ? $_SESSION['cart.sum'] : 0 ?> ₽</span>
                            </p></a>

function showCart(cart) {

    $('#cart .modal-body').html(cart);
    $('#cart').modal();
}


function getCart() {
    $.ajax({
        url: '/cart/show',
        type: 'GET',
        success: function (res) {
            if (!res) alert('Ошибка!');
            showCart(res);
        },
        error: function () {
            alert('ERROR');
        }
    });
    return false;
}

public function actionShow()
    {
        $id = Yii::$app->request->get('id');
        $session = Yii::$app->session;
        $this->layout = false;
        return $this->render('cart-modal', compact('session'));
    }

\yii\bootstrap\Modal::begin([
    'header' => '<h2>Корзина</h2>',
    'id' => 'cart',
    'size' => 'modal-lg',
    'footer' => '<button type="button" class="btn btn-default" data-dismiss="modal">Продолжить покупки</button>
                 <a href="' . \yii\helpers\Url::to(['cart/view']) . '" class="btn btn-success" >Оформить заказ</a>
                 <button type="button" class="btn btn-danger" onclick="clearCart()">Очистить корзину</button>'
]);
\yii\bootstrap\Modal::end();
?>

Comments

[Sergey]

Код вызова модального окна прикрепите в вопросе

[Vanookay]

Sergey, Добавил

[Дмитрий]

Доброе утро.
Начните с проверки css. Также проверьте консоль браузера, нет ли там ошибок.
Зачем отключать шаблон?
$this->layout = false;
Вот тут формируйте адрес при помощи Url::to()
url: '/cart/show',

[Дмитрий]

Если отправляете данные при помощи ajax, то и возвращайте вид при помощи нужного метода

return $this->renderAjax('cart-modal', compact('session'));

[Vanookay]

Дмитрий, В консоли ошибок нет.
Дело в том, что работаем в команде и после объединения css и js вот такая беда. Со старыми стилями и скриптами работает, но только в связке! То есть отдельно без того или другого не работает

[Дмитрий]

Дело в том, что работаем в команде и после объединения css и js вот такая беда.

Vanookay, ну да, действительно беда, когда один делает вывод модального, а второй стили оформляет.
Проверяйте css и исправьте то, о чём я писал выше.

[Vanookay]

Дмитрий, как так сформировать ссылку в JS?

[Дмитрий]

Vanookay, вот это у Вас в view?

<a class="linkProfile" href="#" onclick="return getCart()"><p class="textHeader">Корзина <span
                                        class="shopping-cart-price"><? echo (isset($_SESSION['cart.sum'])) ? $_SESSION['cart.sum'] : 0 ?> ₽</span>

Зачем такой доступ к сессии в yii2 делать? Кто придумал отключать шаблон в действии? Мои поздравления этому "гению".
Вашей команде надо всем поголовно изучить документацию по yii2.
В ссылке добавляете параметр через data-url, где значение формируете при помощи Url::to, а в js получаете это значение и подставляете в параметр url.

[Дмитрий]

Vanookay, а вы случаем не приняли командное решение об отключении bootstrap.css?

[Vanookay]

Дмитрий, Нет, локализовал проблему, если здесь убрать класс fade, всё прекрасно работает, теперь ищу как его безопасно удалить

<div id="cart" class="fade modal show" role="dialog" tabindex="-1" aria-modal="true" style="padding-right: 17px; display: block;">

[Дмитрий]

Vanookay, кто писал дополнительные стили? Вы? Если нет, то пусть думает тот, кто эти стили писал. У вас же команда!!! Почему Вы должны выполнять чужую работу?