@mars130

Как открыть модальное окно в bootstrap 5 по URL?

Есть страница на Bootstrap 5.0.1 на нём есть модальное окно.

<div class="modal mbr-popup cid-sGH0cV2dmq fade" tabindex="-1" role="dialog" data-overlay-color="#000000" data-overlay-opacity="0.8" id="mbr-popup-2q" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header pb-0">
                    <h5 class="modal-title mbr-fonts-style display-5">Название курса</h5>
                    <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor">
                            <path d="M13.4 12l10.3 10.3-1.4 1.4L12 13.4 1.7 23.7.3 22.3 10.6 12 .3 1.7 1.7.3 12 10.6 22.3.3l1.4 1.4L13.4 12z"></path>
                        </svg>
                    </button>
                </div>

                <div class="modal-body">
                    <p class="mbr-text mbr-fonts-style display-7">
                        Описание курса</p>
                    <div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


Хочу через PHP выводить описание курсов, по кнопке описание хочу поставить ссылку аля cours.php?id=3#info пробовал через

$(document).ready(function() {
		if(window.location.href.indexOf('#info') != -1) {
			$('#mbr-popup-2q').modal('show');
		}
		});

Но почему-то не получается, читал что у Bootstrap 5 другие методы вывода, но так и не понял как это сделать.
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
JohnnyGat
@JohnnyGat
Стараюсь писать код, понятный человеку.
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы