javascript - 放大的弹出窗口安装/初始化

Question

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

比如，这是什么意思:

Popup initialization code should be executed after document ready?

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

$(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，那么这应该可以工作。如果还有更多困惑或者您仍然无法使其工作，请告诉我......