时间戳

首页 > 解决方案 > 物化；模态显示来自正文的按钮

html - 物化；模态显示来自正文的按钮

问题描述

我正在尝试为学校项目（我的最后一个项目）创建一个“赌场”。我正在使用 Materializecss 来显示一个模态。并使用 javascript 为每个单击的按钮显示其他内容。

我四处寻找解决方案。但我真的不知道如何格式化我的问题。这是一张图片；图片 如您所见，它显示了 2 个按钮，您可以在其中通过模态选择尾部或头部。

模式代码；

  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4 id="header"></h4>
      <div id="text"></div>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
    </div>
  </div>

触发模态的按钮；

<li><a onclick="loginmodal();" class="btn modal-trigger" href="#modal1">Login</a></li>

和javascript；

 $(document).ready(function(){
 $('.modal-trigger').leanModal();
 });

function loginmodal() {
document.getElementById("header").innerHTML = "Login";
document.getElementById("text").innerHTML = "Login stuff here<br><br><br><br><br><br><br><br><br><br><br><br>";
}

它不应该通过模态显示按钮。正如它目前正在做的那样。这些按钮是可点击的，当表单出现时，它不应该在那里。

标签： htmlmodal-dialogmaterialize

解决方案

推荐阅读