模态不显示我该如何解决?

时间:2017-04-06 04:20:44

标签: html css twitter-bootstrap

HTML代码:

.actor.name

我不知道为什么会发生某人可以请帮助我如何解决此错误?提前谢谢,抱歉我的英语不好。我尝试了很多选项,但在所有选项中都失败了。

2 个答案:

答案 0 :(得分:1)

默认情况下,模式不会显示。您需要通过调用与模态DIV ID相关的data-target来专门打开模态:

<button type="button" data-toggle="modal" data-target="#login">Open Login Modal</button>

我创建了一个展示此here的BootPly。

另请注意,您的模式在<div class="modal-content">内部缺少包含div <div class="modal-dialog">。我在以下示例中对此进行了更正:

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<!-- Login Start -->
<div class="modal fade in" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
  <div class="modal-dialog" style="max-width:450px;">
    <div class="modal-content">
      <div class="popup signin">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <h3>Sign in to hero pet</h3>
        <p class="two-buttons clearfix">
          <a href="#" data-toggle="modal" data-target="#register" data-backdrop="static" data-keyboard="false" id="closelogin" data-dismiss="modal">
            <img src="&lt;?php echo base_url();?&gt;frontend/images/signup_grey.png" alt="">
          </a>
          <a href="#">
            <img src="&lt;?php echo base_url();?&gt;frontend/images/signin_green.png" alt="">
          </a>
        </p>
        <form method="post" id="login-form">
          <div class="field">
            <input type="text" class="textbox" placeholder="Email Address">
          </div>
          <div class="field">
            <input type="password" class="textbox" placeholder="Password">
          </div>
          <div class="field">
            <label><a href="#" data-toggle="modal" data-target="#lostpassword" data-backdrop="static" data-keyboard="false" id="closelogin" data-dismiss="modal"> Lost Your Password?</a></label>
          </div>
          <div class="field">
            <label>
              <input type="checkbox" name="autologin" value="1"> Remember me</label>
          </div>
          <div class="field">
            <button type="submit" class="submit" name="userlogin"><img src="&lt;?php echo base_url();?&gt;frontend/images/login-button.png"></button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- Login End -->

<button type="button" data-toggle="modal" data-target="#login">Open Login Modal</button>
&#13;
&#13;
&#13;

希望这有帮助! :)

答案 1 :(得分:0)

我认为你需要一个触发你的模态...就像你调用“#register”模式一样。

  <a href="#" data-toggle="modal" **data-target="#register"** data-backdrop="static" data-keyboard="false" id="closelogin" data-dismiss="modal">
      <img src="<?php echo base_url();?>frontend/images/signup_grey.png" alt="">
  </a>