2016-12-19 9 views
0

は、ページ上でこのIFRAMEを持っている:HTML JQuery iFrameの内部で要素の幅を取得しますか?

<iframe name="fileFrame" id="fileFrame" class="fileFrame" style="display:none;" src="http://example.com" height="50%" width="50%"></iframe> 

のiframeはその中の要素は、他のウェブサイトから引っ張った:

<div class="progress-bar" style="display:block; width: 18%;"></div> 

は、どのように私は、メインページはバーが幅進捗状況を引っ張って入手できますか?

これを追跡して、プログレスバーがiframeに読み込みを完了したときに更新するメインページを取得しようとしています。これを試してみましたが、うまくいきませんでした

var mydivw = $("#fileFrame").contents().find(".progress-bar").width(); 
alert(mydivw); 
+0

のように負荷

の上に置くことができ、この

$("#fileFrame").contents().find(".progress-bar").width() 

のように試してみてくださいこのAですクロスオリジンiframe?またはページと同じドメインですか? *同じオリジンポリシー* – charlietfl

+0

クロスオリジンのためにアクセスできない場合、iframeはファイルホスティングサイトをロードしています。 – MBF

+0

それから、内部に入ることはできません – charlietfl

答えて

1

あなたはこの

$("#fileFrame").on("load",function(){ 

    var width=$(this).contents().find(".progress-bar").width() 

}) 
+0

オリジナルのポストが更新されました。私は間違って何をしていますか? – MBF

+0

@MBF更新された回答を確認する –

関連する問題