jquery iframeをHTMLの「div'd」セクションのみを表示する

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タグ内の内容を表示しようとしています。私はへのアクセス権を持っているので、私はメインページをロードするときしかし、それはIFRAME

にまったく何も表示されません

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

** EDITこれはソリンの返信

で更新されましたが、その可能性でありますターゲットサイトはdivタグとCSSを使って、CSSを使ってタグを隠して同じことを達成できますか？

出典

2012-02-08 Brent Hacker

だから何が起こりますか？ – j08691

iframeは、jqueryがそれを指しているすべてのページをロードしません。私のjqueryは間違っていると思います。 –

ロードしようとしているページは同じドメインにありますか？ – j08691

あなたはこれを試すことができます。

は

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

返信ありがとうございますが、ダイスはまだありません。これはjQueryとフレームます。 <= "フレーム1" のiframe id>の ' そして、私のターゲットページ ' 何とか

\t \t Working \t \t

\t \t ' まあ神この投稿ボックス –

なぜあなたは' iframe'にコンテンツをロードするためにjqueryのを使用したいんの醜い書式が動作しませんか？代わりに 'div'要素を使うことができ、うまくいくはずです。 –

iframeとdivの整列について話しているなら、私はそのルートに行きたいとは思っていませんが、上記のjqueryを使用している点は、より洗練されたiframeのdivタグの外にあるすべてのHTMLを取り除くことでした。 –

jquery iframeをHTMLの「div'd」セクションのみを表示する

答えて

関連する問題