模式弹出窗口在我的网站上不工作(Ubuntu VPS)

Question

所以我上传了文件到我的Ubuntu VPS上，一切似乎都正常，但当我按下例如我网站上的聊天规则时，什么也没有发生，只有URL从

http://website到http://website/?#chatrulesmodal

但是我没有弹出窗口

<div class="modal" id="chatrulesmodal">
      <div class="modal-content">
        <h4>Chat Rules</h4>
        <ol>
          <li>No Begging.</li>
          <li>No Spamming.</li>
          <li>No Advertising.</li>
          <li>No Code Spamming.</li>
          <li>English ONLY.</li>
          <li>Always be polite, ESPECIALLY to mods and admins.</li>
          <li>No Coin Trading</li>
        </ol>
      </div>
    </div>

<div class="col s4 left-align"><input type="checkbox" id="mute" /><label for="mute">Mute</label></div><div class="col s4 center-align"><a href="#chatrulesmodal" class="center modal-trigger">Chat Rules</a></div><div class="col s4 right-align"><input type="checkbox" id="chatpause" /><label for="chatpause">Pause</label></div>

此外，如果我想登录和条款应该弹出，它也不工作，它显示http://website/#tos-modal。

我需要在我的ubuntu服务器上安装任何特定的东西才能让它工作吗？

Answer 1

我看到你在使用Materialize。

模式对话框需要的不仅仅是CSS。

在http://materializecss.com/modals.html上，您可以看到一些代码示例，它们向您展示了如何设置模式。在您的例子中，下面的JS应该可以做到这一点：

     <script>
            $(document).ready(function(){
                // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
                $('#chatrulesmodal').leanModal();
            });
     </script>

您还需要确保在代码中包含Materialize javascript。

<script src="js/materialize.min.js"></script>