Bootstrap 模态在本地站点上工作，但在现场不工作

Question

我正在尝试在页面加载时触发“谢谢”模式。它在我的本地机器上工作得很好，但是当我把它放到暂存时，它不会加载。当前使用自定义 Wordpress 主题。有什么建议吗？

我已经阅读了一些类似的问题，答案多种多样，但似乎没有任何效果。

这是在页面加载时应该触发模式的页面（暂存站点）：http://ce7.180.myftpupload.com/select-your-plan/thank-you/

<script type="text/javascript">
  $(window).load(function(){
   $('#myModal').modal('show');
  });
</script>

<div class="modal fade" id="myModal">
 <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
     <h4 class="modal-title">Thank you for signing up!</h4>
    </div>
   <div class="modal-body">
    <p>You just made one of the better decisions of your musicial life. We're honored and excited to have you as a part of our club.</p>
    <p>While you're here, we'd love it if you would take a minute to share Vinyl Me, Please with your friends. All it takes is a click of a button ;-)</p>
    <p>OH, and if you didn't already know, Vinyl Me, Please makes for a <a href="/give-a-gift">great gift</a>. Just sayin'.</p>
    <p class="margin-bottom"><div class="fb-like pull-left margin-bottom margin-right" data-href="https://www.facebook.com/VinylMePlease" data-width="200" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
      <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://vinylmeplease.com" data-text="I just signed up for @vinylmeplease, the best damn record club out there" data-related="VinylMePlease" data-size="large"  data-hashtags="vinylme">Tweet</a>
      <script>// <![CDATA[
      !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
      // ]]></script> <button class="btn btn-default"><a href="mailto:?subject=Check out Vinyl Me, Please&body=Hey buddy, I just came across this site called Vinyl Me, Please and I think you'd really dig it. Every month they send you a new record pressed exclusively for their members with a custom art print and cocktail pairing. You usually have to request an invite, but you can sign up directly using this link: http://vinylmeplease.com/get-started/. Peace!">Send an email!</a></button></p>
    </div></p>
   <div class="modal-footer"></div>
  </div>
 </div>
</div>

Answer 1

您在暂存页面中使用了多个版本的 jQuery（1.9.0 和 2.1.3），在第一个之后加载引导插件，在第二个 jQuery 实例加载后立即丢失它们。

在加载第二个 jQuery 实例后移动你的 script 标签引用引导插件。