Bootstrap Modal больше не работает после маршрутизации - PullRequest
Новая
       20

Bootstrap Modal больше не работает после маршрутизации

0 голосов
/ 01 января 2019

Я только что включил некоторую маршрутизацию в свой проект, используя AltoRouter.Я использую относительно простую маршрутизацию, что-то вроде: 

$router->map('GET','/room/[*:chatid]','chat.php','chat');

Теперь на chat.php у меня есть модал.Этот модал прекрасно работает перед включением маршрутизации.Но сейчас есть еще проблемы с модалом.

  • модал всегда есть как обычный div под остальной частью страницы
  • он никогда не отображается как модал вообще, недаже в тот момент, когда он должен быть показан

Ниже приведен код для модального. 

<div id="namePopup" class="overlay">
    <div class="popup">
        <h2>Username festlegen</h2>
        <a class="close" href="#">&times;</a>
        <div class="content">
            Bitte einen Namen für den Chat festlegen:<br/>
            <input id="chatRoomName"/>
            <button id="submitChatRoomName">Name festlegen</button>
        </div>
    </div>
</div>

А затем, при переходе на страницу, я просто проверяюнабор cookie.Если он не установлен, я хочу открыть модальное: 

if(sessionStorage.getItem("username") === null){
     window.location.href="#namePopup";
}

JS, кажется, работает нормально, так как #namePopup правильно добавляется в URL при необходимости.Но я предполагаю, что маршрутизатор не может использовать это, хотя я не понимаю, почему это всегда отображается вместо этого.

Может кто-нибудь помочь мне разобраться в проблеме или помочь мне создать маршрут для открытия модала,если это нужно?

...