web-dev-qa-db-ja.com

Fancyboxの幅が適用されない

次のJSを使用して、幅は調整されていません。 '750'または'750px'を使用しても調整されません

$('a#city-Prompt').fancybox({
    'width': 750
});

fancybox フォーラムに投稿しましたが、返信がありません

javascriptfancybox
16
Webnet

おそらくautoSizeをfalseに設定する必要があります。

$('a#city-Prompt').fancybox({
    'width': 750,
    'autoSize': false
});

ドキュメント からのwidthについて：

コンテンツタイプ「iframe」および「swf」の幅。 'autoDimensions'が 'false'に設定されている場合は、インラインコンテンツにも設定されます

21
Felix Kling

ここでの答えはどれも私にはうまくいきませんでしたが、これでうまくいきました：

$.fancybox({
    'content':$("#element").html(),
    'width':'500',
    'autoDimensions':false,
    'type':'iframe',
    'autoSize':false
});

'autoSize':false不足しているキーでした

7
d-_-b

これを試して。 autoSizeをfalseに設定する必要があります。

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

Fancyboxバージョン2以降では、'autoSize':falseを使用します

Fancyboxドキュメント

1
jobima

幅をピクセル単位で書き出すときは、 'を含めないようにしてください。だから代わりに

'width'： '100'、 'width'：100、

お役に立てば幸いです...

1
Matteo Cuellar

他の回答に加えて、高さの問題を修正するために、行を変更しました998

from：
_to.height = currentOpts.height + double_padding;_

to：
to.height = parseInt(currentOpts.height) + parseInt(double_padding);

0
Nick

変化する _get_zoom_to（690行目）から

to.width = currentOpts.width + double_padding;

に

to.width = parseInt(currentOpts.width) + parseInt(double_padding);
0
yangtao