如何使用fancybox对话框插件直接显示div

Question

我有一个名为confirm()的javascript函数,它使用JQuery UI库打开对话框.

例如:

jQuery('#confirm-popup').dialog('open'); 

这将打开并呈现带有id的div confirm-popup.我想切换到fancybox,因为它具有我需要的弹性效果.所以我希望在安装fancybox后可以使用以下内容.

jQuery('confirm-popup').fancybox();

这似乎不起作用.据我所知,你只能fancybox()在锚标签上调用该函数.我不想使用锚标签,因为我已经将我的确认功能映射到这些标签,这将涉及到我的大量代码更改.

理想情况下,我想抓住div元素并以类似于jQuery UI对话框方法的方式显示它？有没有办法用Fancybox这样做？

Answer 1

如果要将FancyBox用作对话框,可以直接调用它:

$.fancybox({
    'width'              : '60%',
    'height'             : '65%',
    'autoScale'          : true,
    'hideOnContentClick' : false,
    'href'               : someUrl,
    'callbackOnShow'     : function(){ ... },
    'onClosed'           : function(){...},                     
    'type'               : 'iframe'
});