Javascript 为什么回到网站后，我的模式无法工作？

由于某些原因，一旦我离开网站，我就不能再使用我的模式。为了使其工作，您需要清除缓存

以下是我的模式代码：

    <div class="col-md-4 col-lg-offset-0 col-lg-4">
             <div class="card">
                <img class="card-img-top" src="images/london.PNG" alt="London" width="450px">
                <div class="card-body">
                   <h4 class="card-title"></h4>
                    </div>

                 <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#london">London</button>

<!-- Modal -->
<div id="london" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Leaving Site</h4>
      </div>
      <div class="modal-body">
        <p>You are leaving this site, Do you wish to continue?.</p>
      </div>
      <div class="modal-footer">
          <row>
               <div class="col-lg-6">
              <a href="http://www.temp1.absolutehtml.co.uk/" class="btn btn-success" onclick="$('#london').modal('hide')">Yes</a>
              </div>
          <div class="col-lg-6">
              <a href="http://www.temp1.absolutehtml.co.uk/" data-dismiss="modal" class="btn btn-danger">No</a>
              </div>
          </row>



      </div>
    </div>
</div>
    </div>
                 </div>
          </div>

伦敦
&时代；
离开现场
您将离开此网站，是否继续

网址是 www.absolutehtml.co.uk/indexnew.html，该部分是模板。我想能够打开一个模式的链接，然后关闭它

代码打开到完整代码

---

在您的代码笔中，添加JavaScript库jQuery和Boostrap时，下面是您的代码：

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script async src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

这样，在执行jQuery脚本之前，浏览器不会执行boostrap脚本

编辑：

---

我无法重现您描述的行为。您使用的是什么版本的引导？你用的是什么浏览器？Bootstrap 4和chromeIve更新了链接是深夜发布的，但链接错误。我仍然无法复制它。你能提供你的页面的完整HTML代码，包括和标签吗？我更新了帖子，使其包含完整代码的代码笔。谢谢你，但这并不能解决模板模板只能使用一次的问题。当你访问链接，然后尝试再次使用它时，它什么也没做。@GeniusboyWonder这很奇怪。你清理缓存了吗？我把你所有的密码笔都复制到我本地的机器上了。使用了延迟而不是异步。在模式上单击“是”，然后返回。它成功了。请参阅我的编辑。我更新了你的密码笔。

<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script defer src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>