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



我在网页上使用懒惰加载谷歌地图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库:(第一个在顶部来自我的自定义js,后来来自:

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

谢谢你指出这一点!

尝试等待直到dom加载

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

最新更新