jquery - 单击按钮时模态弹出窗口会自动关闭(在生产中仅在我的本地工作正常)

Question

我尝试了所有方法，我没有两个 Bootstrap 文件，但是当单击登录按钮时此模式会自动关闭。(在生产中仅在我的本地工作正常)

问题:

您可以在这里看到:/image/POoXF.jpg

代码如下:我添加了单击按钮后淡入淡出的脚本

$('#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

I don't have two bootstrap files

检查您的代码后，我意识到您两次包含 bootstrap 脚本。一个位于 vendor.06e7b6f0.js 中，另一个位于 scripts.1c36a23e.js 中。您的模式将在您点击signin的同时关闭，有点display: none或hide()或等等。

删除第二个Bootstrap并重试。