我在我的网页上使用了lazy-load 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库:( 第一个来自我的自定义js&之后,后来来自:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
感谢您指出这一点!
答案 0 :(得分:0)
尝试等待直到加载dom
<script>
$(function(){
$('.ajax-popup-link').magnificPopup({
type: 'ajax',
alignTop: true,
overflowY: 'scroll'
});
});
</script>