0

我的站点中有一个背景图片，但是当我打开一个fancybox 时，该背景图片也会出现在fancybox 的正文中。有没有办法在 iframe 中获取 body 元素，以便我可以对其应用 id？

我试过这个：

$("#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 回答