fancybox - 前后导航

时间:2011-06-03 00:30:27

标签: jquery fancybox back

我正在使用fancybox的ajax方法来打开内容,该内容本身包含一个链接,可以在其中打开另一个模态。一切正常。 我的问题是如何添加“后退”功能,以便在当前打开的模式中单击“后退”链接时,它会打开以前打开的模式。在这种情况下,第一个模态打开了吗?

到目前为止

代码:

$("a.trans").fancybox({
    ajax : {
        type            : "POST",
        data            : 'mydata=test'
    },
    'padding'           : 0,
    'overlayColor'      : '#333',
    'overlayOpacity'    : 0.2
});

$("a#additional_trans").fancybox({
    ajax : {
        type            : "POST",
        data            : 'mydata=test'
    },
    'padding'           : 0,
    'overlayColor'      : '#333',
    'autoDimensions'    : false,
    'titleShow'         : true,
    'titlePosition'     : 'outside',
    'title'             : 'Transact Online',
    'width'             : '633',
    'height'            : 'auto',
    'overlayOpacity'    : 0.2
});

$("#modal_back_btn").live('click', function() {
  // Not sure what to put here if indeed this is the correct place
  // It needs to open $("a.trans").fancybox() 
});

1 个答案:

答案 0 :(得分:1)

您应该可以通过

完成此任务
$.fancybox.prev(); 

但是,你也可以做一个

$.fancybox.close();
$("a.trans").fancybox();

在点击处理程序中。