2017-03-27 3 views
1

データがIFrame内で正常に読み込まれた場合にのみポップアップを表示する必要があります。 IFrameのソースが読み込まれなくても、現在のポップアップが表示されます。ここで は、コードスニペットです:IFRameに "SRC"属性が設定されていることを確認するコールバック

$('#myIframe').attr('src', 'Student.aspx?roll=' + rollNumber); 
$('#studentInfoPopup').modal('show'); 

私は次のように試してみましたが、それはうまくいきませんでした:

$("#myIframe").load(function(){ 
     $('#studentInfoPopup').modal('show'); 
}).attr('src', 'Student.aspx?roll=' + rollNumber); 

親切に「SRC」属性が設定されていることを確認するために私がコールバックをお知らせIFrame。

答えて

2

あなたは以下のようにjQueryのを使用する必要があります::

$('#myIframe').attr('src', 'Student.aspx?roll=' + rollNumber); 
$('#myIframe').load(function(){ 
    $('#studentInfoPopup').modal('show'); 
}); 

更新日:
私はJSFIDDLEでこれを行っている、それはあなたを助けるのリンクをチェックしてください。必要に応じて変更してください。リンク:https://jsfiddle.net/a1kj8883/

+0

すばらしい返信をいただきありがとうございました。 しかし、データなしでモーダルポップアップを開いています。助けてください。 親切に私を助けてください。 –

+0

@PranavKumar最新の回答を確認してください。 –

+0

ありがとうRana .. –

関連する問題