javascript - iframe のリンクにアクセスした後、fancybox の幅を変更する

Question

次のように、親ページで定義された固定幅の fancybox を作成しました。

$('.fancybox').fancybox({
    width: 650
});

ポップアップするiframe内でクリックできるリンクがあり、幅850pxの新しいページに移動します。その幅まで調整するには FancyBox が必要です。これどうやってするの？autosize:true 関数を使用してみましたが、うまくいかないようです。

Answer 1

jQuery を使用すると、次のことができます。

$(".fancybox").css({"width" : "850"});

Fancybox コールの直後。

Answer 2

新しいコンテンツにサイズが設定されていると仮定すると、これを行うこともできます。

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();

Answer 3

あなたは呼び出すことができます：

$('#fancybox-content').width(850);

ファンシーボックスの幅をいつでも変更できます。