0

fancybox2を使用していますが、ファンシーウィンドウをコンテンツに合わせてサイズ変更するのに問題があります。ページの幅全体を伸ばすだけのようです...

http://www.mniac.com/rogue24/the-craft/press.php

最初のプレス記事で続きを読むをクリックしてください

絶対幅のコンテナにコンテンツがあることがわかります。私は見つけることができる設定のすべてのバリエーションを試しましたが、何も機能していないようです...

これは私が使用しているものです：

$(".fancybox").fancybox({
                    'type':'ajax',
                    'autoScale':'false',
                    'autoDimensions':'true'
                });

このスクリプトは私のために働いた：

$(".fancybox").fancybox({
                    'type':'ajax',
                    'autoSize': false,
                    'width': 800
                });

'fitToView'：false-画面の制限をはるかに超えて、ポップアップを大きく狂わせました。'autoSize'：true-はデフォルト値であるため、これで何も変更されません。上記の操作で幅を設定できることがわかりました。

4

1 に答える 1

0

あなたの#article-container（あなたのajaxコンテンツから）このcssルール があります

#article-container {
  width: 50%;
}

...これは絶対的なものではなく、親コンテナ（fancybox）の半分であるためwidth、fancyboxに固定を設定した場合でも、たとえば600px、その中のコンテンツはのみになります300px width。

とにかく、あなたが抱えている主な問題は、fancybox v2.xの有効なAPIオプションではないautoScaleか、有効ではないということautoDimensionsです.... fancybox v2.xオプションは新しく、以前の（v1.3.x）バージョンと互換性がありません。

適切なAPIオプションについてはhttp://fancyapps.com/fancybox/#docsを確認してください....あなたの場合、 （v1.3.xで）およびfitToView（v1.3.xで）次のよう に使用するつもりだったと思います。autoScaleautoSizeautoDimensions

$(".fancybox").fancybox({
    'type': 'ajax',
    'fitToView': false,
    'autoSize': true
});​

ところで、ブール値（/ ）も整数値も引用符で囲まれていないことに注意してください...スクリプトが失敗する可能性があります。truefalse

于 2013-01-02T08:43:57.627 に答える