通过Ajax从模态内部更新已打开的fancybox2模态？

Question

我有一个通过Ajax打开的模式化的花式盒子，

使用带有class =“ various fancybox.ajax”的链接。

我的模态包含图像列表（而不是画廊），并且在此页面中有分页，当单击模态中的某些分页链接时，如何更新此fancybox模态？

$(".various").fancybox({
    maxWidth: 1400,
    maxHeight: 900,
    fitToView: false,
    width: '90%',
    height: '90%',
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none',
    ajax: {
        complete: function (jqXHR, textStatus) {
            $(".pic").click(function (e) {
                e.preventDefault(); 

                //some event here , like selecting a picture name and fill some input
                $.fancybox.close();
            });
            $(".grid").click(function (e) {
                    e.preventDefault(); 
                    var linkButton = $(this).attr('href');
                    alert (linkButton);
                    $.fancybox.open({
                        ajax: {
                            href: linkButton,
                            type:'ajax'
                        }
                    });

在此模态中，我有一个动作，如果我单击其中一张图片，则在当前页面中填充输入字段...但这是单独要做的事情。

我试图将$（“。grid”）。click（function（）...放在ajax：{}选项中，但是它不起作用，当我单击一些分页链接时，fancybox模版只是关闭了。因此，实际上我想通过ajax将linkBut​​ton网址加载到fancybox中。

谢谢。