Magnific Popup jquery安装

时间:2014-03-07 20:42:29

标签: jquery magnific-popup

我是javascript的新手,我想在我的网站上使用Magnific Popup(Ajax Type),但我不确定在哪里放下以下代码:

$('.ajax-popup-link').magnificPopup({
  type: 'ajax'
});

我已将js和css文件添加到我的网站,并在下面的“a href”标记中使用该类:

class="ajax-popup-link"

如何让它发挥作用?

1 个答案:

答案 0 :(得分:1)

在他们的网站上清楚地记录了这一点: http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

您可以在href属性中指定文件路径:

<a href="path-to-file.jpg" class="ajax-popup-link">click me</a>

然后在文件准备好的电话中,你初始化了弹出......

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

我不认为他们特意告诉你把它放在文件就绪调用中,但这样做至少可以确保在js尝试添加事件和监听器之前存在元素。

您的控制台是否收到错误?