尝试实现登录弹出窗口,但引导模式无法点击

时间:2018-12-24 21:06:46

标签: jquery html bootstrap-modal

我正在尝试在页面上添加一个登录弹出窗口,但是在弹出后,它是不可单击的(输入字段和按钮)

我对于自定义Web应用程序开发人员来说还很陌生,因此我采购了一些组件。 我正在为客户开展这个项目,同时提高我的技能,并从wordpress即插即用的生活方式中拓展出来

simpsons = ['Homer', 'Bart', 'Marge', 'Lisa']

def create_dict_from_list(names):
    name_dict = {}
    name_dict['name'] = names # <--- No need of for loop
    return name_dict
create_dict_from_list(simpsons)
# {'name': ['Homer', 'Bart', 'Marge', 'Lisa']}

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Sedima</title>

<!-- Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


<!-- popupstyles -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>


<link rel="stylesheet" type="text/css" href="css/menu.css" media="all" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src='https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script>
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
  <div class="modal-dialog">
        <div class="loginmodal-container">
            <h2>Registration</h2>
        <form>
          <input type="text" name="user" placeholder="Username">
          <input type="password" name="pass" placeholder="Password">
          <input type="submit" name="login" class="login loginmodal-submit" value="Register">
        </form>

        <div class="login-help">
            <a href="#">Login</a> - <a href="#">Forgot Password</a>
        </div>
      </div>
  </div>
</div>

<!-- Scrips -->
<!-- Core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>


<!-- jQuery lib from google server ===================== -->
<script src="js/jquery-1.7.2.min.js"></script>

<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts -->
<script src="js/grayscale.min.js"></script>


<!-- popupscripts -->
<!-- value controll and input masking scripts (will prolly replace with my own in future) -->

1 个答案:

答案 0 :(得分:1)

我认为您不使用

<IfModule mod_rewrite.c>
 RewriteCond %{REQUEST_METHOD} POST
 RewriteCond %{REMOTE_ADDR} !127.0.0.1
 RewriteCond %{REMOTE_ADDR} !http://webone.com
 RewriteCond %{REMOTE_ADDR} !https://webtwo.com
 RewriteCond %{REMOTE_ADDR} !http://webthree.com
 RewriteRule .* - [F,L]
 </IfModule>

等待文档准备就绪。

如果DOM实际上已经准备好这样做,请确保对HTML进行了修改。