Question

我尝试了所有方法，我没有两个bootstrap文件，但是这个模式在点击signin按钮时会自动关闭。（在Producation中只在我当地工作正常）

问题：

这是代码：按钮点击后，我添加了淡入淡出的脚本

$('#modal-close').click(function(){
  $('#loginpop').modal('hide');
  $('body').removeClass('modal-open');
  $('.modal-backdrop').remove();
});

$('#modal-clear').click(function(){
  $('#loginpop').modal('toggle');
  $('body').removeClass('modal-open');
  $('.modal-backdrop').remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<li><a href="" class="roundedCornersButtons" data-toggle="modal" data-target="#loginpop">signin</a></li>

<div class="modal fade" id="loginpop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div ng-include="'views/newlogin.html'"></div>
                </div>
                 <div class="modal-footer"> 
                     <div class="form-group pull-left">
                        <a href="/forgotpassword" id="modal-close" >forgotPassword</a>
                     </div>
                     <div>
                       <a href="/register" id="modal-clear">signUp</a>
                     </div> 
                 </div> 
            </div>
        </div>
    </div>

Answer 1

我没有两个引导程序文件

在审核了您的代码后，我意识到您已经两次包含bootstrap脚本。一个位于vendor.06e7b6f0.js，另一个位于scripts.1c36a23e.js。您的模态会在您点击signin它有点display: none或hide()或等等的同时关闭。

删除第二个Bootstrap，然后重试。

单击按钮时，模态弹出窗口自动关闭（在生产中仅在我的本地工作正常）

1 个答案: