以编程方式触发iframe类型的magnificPopup

时间:2013-05-29 14:18:08

标签: jquery magnific-popup

我正在试图弄清楚如何从jquery.gantt的onItemClick事件中实现大胆的弹出窗口。幸运的是,它允许我们通过自动执行的函数实现代码,它将data传递给被点击的元素。

我现在遇到的问题是构建对magnific popup的适当调用,以便通过jquery加载iframe类型弹出窗口。我已经尝试了几种不同的方式,不幸的是因为我对这些jquery插件中没有一个基本的理解(也没有jquery),我正在玩猴子 - 看看猴子。

function(data) {
    $.magnificPopup({type: 'iframe',
        iframe: { src: 'http://server/page.aspx?id=' + data}
    }).magnificPopup('open');
}

这似乎很接近。当我尝试触发此功能时,我得到type error: $.magnificPopup is not a function。如何触发完全由javascript生成的iframe类型弹出窗口?

1 个答案:

答案 0 :(得分:23)

$.magnificPopup.open({
  items: {
    src: 'something.html'
  },
  type: 'iframe'
});

http://dimsemenov.com/plugins/magnific-popup/documentation.html#public-methods