Question

我对这一切都很陌生，并且无法将其安装到我的后端代码中。它去哪儿了？在我的页脚下面有我所有的JS？

喜欢，它是什么意思：

弹出文件初始化代码应在文件准备好后执行吗？

有人可以告诉我这是否正确：

$(document).ready(function() {
  $('.image-link').magnificPopup({
    type:'image'
  });
});

我把它放在脚本标签中。

它位于我的结束页脚之下，但似乎无法正常工作。

Answer 1

是的，先放入所有必要的css和js文件。 js文件可以包含在页眉或页脚中。没关系（页脚是现在加载js的首选位置）。但是，在加载必要的js文件之前不要调用magnificPopup（）函数。加载完所有内容后，您就可以像上面提到的那样使用docready中的代码。

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Magnific Popup core JS file -->
<script src="FOLDER_WHERE_YOU_KEPT_THIS_JS_FILE/jquery.magnific-popup.js"></script>
<script>
$(document).ready(function() {
  $('.image-link').magnificPopup({
    type:'image'
  });
}); 
</script>

如果没有其他js冲突，并且您正确创建了html，就像在文档中提到的那样，这应该可以工作。让我知道是否有更多的混乱，或者你是否仍然无法使其发挥作用......

Magnific Popup安装/初始化

1 个答案: