Question

我只是使用 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中。但是我想，路由器无法使用它，尽管我不明白，为什么总是总是显示它。

如果需要的话，有人可以帮助我解决问题或帮助我创建打开模式的路线吗？

路由后Bootstrap Modal不再起作用

0 个答案: