javascript - 使用多个 <script> 标签不起作用 - 只调用一个脚本

Question

我在我的网页上使用延迟加载 google maps js 插件，现在我想使用另一个 java 脚本添加一个弹出窗口。到目前为止，在我的代码中它看起来像这样:

<script src="js/jquery.lazy-load-google-maps.js"></script>

并且延迟加载有效，但是当我紧接着代码时:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.js"></script>
<script>
$('.ajax-popup-link').magnificPopup({
  type: 'ajax',
  alignTop: true,
  overflowY: 'scroll'
});
</script>

然后当我点击链接时弹出窗口出现，但延迟加载没有...可能是什么问题？

==================编辑:用户 Adaneo 是对的，真丢人，我两次添加了 jquery 库 :(第一个来 self 的自定义 js，后来来自:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

感谢您指出这一点!

Answer 1

尝试等待直到加载 dom

    <script>
$(function(){
   $('.ajax-popup-link').magnificPopup({
     type: 'ajax',
     alignTop: true,
     overflowY: 'scroll'
   });
});
</script>