10

私はjクエリを初めて使用しますが、クールですが、このコードを使用して、クリック後に生成されたiframeに幅と高さを追加する方法について天井にくっついています:すべての提案は素晴らしいものであり、事前に感謝します

$(document).ready(function () {
    $(".fancybox").fancybox();
 })
 .height = '600px';
4

12 に答える 12

18

autoSizeを false に設定する必要があります

$(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});
于 2014-07-06T00:04:20.967 に答える
6

iframe を使用するために fancybox ポップアップを初期化し、特定の幅と高さに制限するには、少なくとも 3 つのパラメーターが必要です。

jQuery

$(document).ready(function(){ 
  $(".fancybox").fancybox({
    'width'  : 600,           // set the width
    'height' : 600,           // set the height
    'type'   : 'iframe'       // tell the script to create an iframe
  });
}); 

利用可能なオプションについては、FancyBox API ページですべて読むことができます。

于 2012-07-03T08:12:00.113 に答える
3

試す:

 $(document).ready(function () {
    $(".fancybox").fancybox({"width":400,"height":300});
 })
于 2012-07-03T07:52:28.753 に答える
1

このコードは、派手な動的 @ ランタイムのサイズを設定するだけで、設定したいページの URL とともに高さと幅を渡す必要があります。

例: demo.aspx //このステートメントは、メイン ページにあるファンシー関数を呼び出します

       window.parent.SetFancySizeDynamic(YourPageUrl,300,200)

  MainPage.aspx

// この関数をメイン ページに追加するだけです

    function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) {

        $.fancybox({
            'padding': 0,
            'overlayColor': '#ccc',
            'type': 'iframe',
            'href': fbHref,
            'width': fbWidth,
            'height': fbHeight

        });
    }
于 2014-04-09T11:18:33.840 に答える
0

autoSize を false に設定する必要があります。

$(".fancybox").fancybox({'width':400, 'height':300, 'autoSize': false});

于 2014-10-15T12:57:57.000 に答える