0

サイトに背景画像がありますが、fancyboxを開くと、その背景画像がfancyboxの本体にも表示されます。idを適用できるようにiframe内にbody要素を取得する方法はありますか？

私はこれを試しました：

$("#appointment-form").fancybox({
        'width'     : 500,
        'height'    : 300,
        'transitionIn'  : 'fade',
        'transitionOut' : 'fade',
        'type'      : 'iframe',
        'onComplete'    : function () {
                             $('body').attr('id', 'fancybox_body'); 
                          }
});

ただし、メインページのIDは変更されます。

ありがとう！

4

3 に答える 3

2

次のように、少し異なる方法で<body>内部に入る必要があります。<iframe>

$('#fancybox-frame').contents().find('body').attr('id', 'fancybox_body');

最初に#IDセレクター<iframe>でfancyboxの使用を取得してから、内部の要素を取得するためにそれを実行する必要があります。.find().contents()

于 2010-07-21T10:04:31.557 に答える
0

のためにIDを変更します

$('body').attr('id', 'fancybox_body');
于 2010-07-21T07:55:24.923 に答える
0

そもそもなぜ体のIDを変更する必要があるのですか？

メインbodyに「いいclassね」を付けたほうがいいでしょうpage。そのクラスのボディにのみ背景画像を適用します。

body.page
 {
  background-image: url(.....)
}
于 2010-07-21T07:57:59.943 に答える