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

Question

[mars130]

Есть страница на 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 другие методы вывода, но так и не понял как это сделать.

Comments

[mars130]

При попытке открыть окно через консоль браузера вижу такую ошибку

Uncaught TypeError: Cannot read properties of null (reading 'modal')
at :2:22

Answer 1

[Johnny Gat]

https://getbootstrap.com/docs/5.0/components/modal...

Comments

[mars130]

не помогает, уже читал) использую метод myModal.show() но чёт не помогает

$('#mbr-popup-2q').modal('show');

[mars130]

Либо я чёт не так пишу, либо что

[Johnny Gat]

mars130, где вы по указанной ссылке нашли modal('show') ?

[mars130]

Johnny Gat, Что-то не понимаю как использовать метод. show.bs.modal для открытия модалки?

[mars130]

в методах есть myModal.show()

[Johnny Gat]

mars130, не поленился проверить в "песочнице".

let myModal = new bootstrap.Modal("#mbr-popup-2q");
myModal.show();

Код выше вполне себе открывает ваше модальное окно.

[mars130]

Johnny Gat, Ооооо спасибо, сработало