jquery - 有没有更好的方法在fancybox2 中编写ajax 调用？

Question

如果您查看我使用 2 个 fancybox 调用的代码。我这样做的原因是因为我只想要使用 ajax 获得的页面的一部分。该部分在 ajaxEventContent 类中。

如果可能的话，我想在一个电话中做到这一点。谢谢你。

$("#events .popUp").live('click' ,function(e){

    e.preventDefault();

    var link = $(this).attr('href');

    $.fancybox({

        'content' : '<div style="text-align:center"><img src="loading.gif" /></div>',
        'width'     : 680,
        'minWidth' : 680,
        'height'    : 'auto',
        'autoHeight' : true,
        'beforeLoad' : function(){

            $.ajax({
                url: link,
                success: function( data ) {
                    //get content with ajax
                    content = $(data).find('.ajaxEventContent');
                    $.fancybox({

                        'content': content,
                        'width': 680,
                        'height': 'auto'

                    });

                }
            });
         }
    });

});

Answer 1

实际上这似乎有效。除了你没有得到很好的 loading.gif 部分

$("#events .modal").on('click' ,function(e){

    e.preventDefault();

    var link = $(this).attr('href');

    $.ajax({
        url: link,
        success: function( data ) {
            //get content with ajax
            content = $(data).find('.ajaxEventContent');
            $.fancybox({

                content : content,
                width       : 680,
                helpers:  {
                    overlay : {
                        locked : false
                    }
                }

            });
        }
    });

});