1. 首頁
  2. 問答
  3. jQuery的一個iframe只顯示HTML的「div'd」部分

jQuery的一個iframe只顯示HTML的「div'd」部分

2012-02-08 60 views
0

我想加載一個iframe中的外部頁面，但只嘗試顯示內部的DIV標籤。我聽說有一種方法可以用jQuery來做到這一點，我相信我已經找到了正確的代碼，但我無法讓它正常工作。jQuery的一個iframe只顯示HTML的「div'd」部分

<html> 
<head> 
    <title>jQuery and Frames</title> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
     <script type="text/javascript"> 
    jQuery(function($) { 
var data = $('<div />').load('div.html #test'); 
var doc = $('#frame1')[0].contentWindow.document; 
var body = $('body',doc); 
$(body).html(data); 
}); 

</script> 

</head> 
<body> 
    <iframe id="frame1"></iframe> 
</body> 
</html>

這是我的目標網頁我想只顯示什麼是從div標籤內。

<html> 
<head> 
    <title>blah</title> 
</head> 
<body> 
    <div id="test"> 
    Working 
    </div> 
    Not Working 
</body> 
</html>

然而，當我打開主頁會在iframe顯示什麼都沒有

**編輯這已經更新了索林的答覆

是他們的一個可能性，因爲我有機會獲得使用div標籤和CSS的目標網站，我可以使用CSS隱藏標籤來完成同樣的事情？

來源

2012-02-08 Brent Hacker

+0

所以會發生什麼？ – j08691 2012-02-08 15:21:16

+0

iframe不會加載jquery指向的所有頁面。我認爲我的jquery是錯誤的。 – 2012-02-08 15:24:41

+0

您正試圖在同一個域上加載的頁面？ – j08691 2012-02-08 15:37:46

回答

0

你可以試試這個：

jQuery(function($) { 
    var data = $('<div />').load('test1.html #testdiv'); 
    var doc = $('#frame1')[0].contentWindow.document; 
    var body = $('body',doc); 
    $(body).html(data); 
});

來源

2012-02-08 15:32:13

+0

非常感謝您的回覆，但仍然沒有骰子。 這就是我現在 ' jQuery和框架 <腳本類型= 「文/ JavaScript的」> 的jQuery（函數（$）{ \t \t \t \t $（ '＃幀1'）。 load（'div.html #test'）; \t \t \t}）;