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

我发现你正在使用Materialise。

模态对话框不仅仅需要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>

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

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

模态弹出不在我的网站上运行（Ubuntu VPS）

1 个答案: