华丽的弹出 install/initialization

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，这应该可以工作。让我知道是否还有更多的困惑，或者如果你仍然无法让它工作......

华丽的弹出 install/initialization

Magnific Popup install/initialization

javascript

php

jquery

html

magnific-popup