更改fancybox正文ID負載

我在我的網站有一個背景圖片，但是當我打開一個fancybox時，該背景圖片也會出現在fancybox的正文中。有沒有辦法在iframe中獲取body元素，以便我可以將id應用於它？更改fancybox正文ID負載

我嘗試這樣做：

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

但它改變了主頁面的ID。

謝謝！

來源

2010-07-21 cili

你需要得到在<body>的內的方式略有不同，像這樣：

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

您需要首先得到的fancybox與#ID selector使用，然後做一個.find()上它的.contents()來獲取元素。

來源

2010-07-21 10:04:31

謝謝，尼克！我嘗試了它，但它已經在typo3中找到了更「原生」的解決方案。再次感謝！ – cili 2010-07-23 10:29:09

@cili - 歡迎:)請務必接受答案或發佈你做的答案（你可以在* 2天后接受* *），這將有助於下一個人出現同樣的問題，Google和發現你的問題:) – 2010-07-23 10:48:22

它改變因爲

$('body').attr('id', 'fancybox_body');

來源

2010-07-21 07:55:24 X10nD

你在說什麼？我不明白。 – 2010-07-21 07:58:39

他的問題是主頁上的id變化，原因是因爲上面的代碼。 – X10nD 2010-07-21 08:14:02

的ID爲什麼你需要改變車身的ID擺在首位？

最好給主body a class就像說，page。僅將背景圖像應用於該類的身體。

body.page 
{ 
    background-image: url(.....) 
}

來源

2010-07-21 07:57:59

這就是我想要做的。困難的部分是添加一個id（或類）。我正在寫一個typo3網站，我用這個打字稿管理了這個。謝謝！ – cili 2010-07-23 10:28:27

更改fancybox正文ID負載

回答

相關問題