dongqu2863 2016-10-15 07:37
浏览 55
已采纳

Magnific Popup安装/初始化

I'm very new to all this and having trouble installing it to my my backend code. Where does it go? Below my footer with all my JS?

Like, what does it mean by:

Popup initialization code should be executed after document ready?

Could someone please let me know if this is correct:

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

I've put this inside a script tag.

Which lies underneath my closing footer but just doesn't seem to work.

  • 写回答

1条回答 默认 最新

  • dongwei2610 2016-10-16 06:55
    关注

    yes, put all necessary css and js files first. js files can be included in header or footer. It doesn't matter (footer is preferred location for loading js nowadays). However, don't call the magnificPopup() function before loading necessary js files. After all are loaded you can use your code in docready like you mentioned.

    <!-- 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>
    

    This should work if there no other js conflict and you created the html correctly like mentioned in the doc. Let me know if there is more confusion or if still you could not make it work...

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等
  • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行