Question

我尝试使用精美的框iframe打开产品页面的内容，不带标题，侧边栏等。

有我的链接

<a rel="example_group" class="fancy_view" data-id="{$product_info[11]}" data-href="{$product_info[13]}" href="#fancy_popup">Увеличить</span></a>

这是jquery

$( ".fancy_view" ).click(function () {
    var id = $(this).data('id');
    var link = $(this).data('href');
    $.ajax({
            type: "POST",
            url: link,
            data: "id=" + id + "&ajax=1",
            success: function(result){
                $.fancybox(result, {
                    'type'  : 'iframe',
                    'width' : 600,
                    'height': 500
                });

            },
        });
    return false;
});

在控制台中我看到内容的响应，但在iframe - 404错误。我的错在哪里？

Answer 1

使用您的link变量添加beforeLoad，如下所示

        success: function(result){
            $.fancybox(result, {
                'type'  : 'iframe',
                'width' : 600,
                'height': 500,
                beforeLoad : function(){
                this.href = link
               }
            });
          }

<强> Reference Link

Answer 2

http://jsfiddle.net/v7nbLuzr/

$.fancybox({
  'content'  : result,
  'width' : 600,
  'height': 500
});

试试吧

脚本商店在fancybox中的Ajax响应

2 个答案: