0

ファンシーボックスを使用して、ファンシーボックスにリンクのターゲットを表示しています。これは、ボックスを登録するための私のコードです:

jQuery(".popup").fancybox({
    'width'         : 900,
    'height'        : '95%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'          : 'iframe'
});

ポップアップクラスとのリンク：

<a href="link to the site that should be shown" class="popup">link text</a>

このリンクをクリックすると、リンクのコンテンツが次のような fancybox div にコピーされます。

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;">content goes here</div>

さて、私の問題は、これらの div が 2 つあり、1 つがコンテンツで、もう 1 つが空のことです。これにより、レイアウトが崩れます。これをどのように修正できますか？

ありがとう！

4

1 に答える 1

0

この問題に遭遇しました。div の重複が発生する理由を見つけました。ファンシーボックスにロードされたコンテンツは、ファンシーボックスアセット（レール内）を含むレイアウトをロードしていたため、すべてがスクランブルされました。

アクションで私は書き込みをレンダリングしたかった:

render layout: false

トリックをしました。

これは古い質問ですが、誰かに役立つかもしれません。

于 2016-08-20T20:13:13.463 に答える