Jquery 如果iframe有内容,则向页面添加html
这里有这样一个表格:Jquery 如果iframe有内容,则向页面添加html,jquery,iframe,Jquery,Iframe,这里有这样一个表格: <form id="form_710370" class="appnitro" method="post" target="my-iframe" action="mypage.php"> <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" /> </form> 我要展示的是: <div id="test_
<form id="form_710370" class="appnitro" method="post" target="my-iframe" action="mypage.php">
<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
</form>
我要展示的是:
<div id="test_form_wrapper"><span>This is a test div</span> </div>
这是一个测试div
由于iframe没有任何内容,脚本正在页面加载上隐藏div。但这并不是在iframe包含内容后显示div
var adFrame = $("#my_frame");
var adContainer = $("#test_form_wrapper");
$( document ).ready(function() {
if(adFrame.contents().find("body").html()=="") {
adContainer.css('display', 'none');
} else {
alert("HERE");
adContainer.css('display', 'block');
}
});
function recheck()
{
if(adFrame.contents().find("body").html()=="")
{
adContainer.css('display', 'none');
} else {
alert("HERE");
adContainer.css('display', 'block');
}
}
在将php加载到
<div id="test_form_wrapper"><span>This is a test div</span> </div>
var adFrame = $("#my_frame");
var adContainer = $("#test_form_wrapper");
$( document ).ready(function() {
if(adFrame.contents().find("body").html()=="") {
adContainer.css('display', 'none');
} else {
alert("HERE");
adContainer.css('display', 'block');
}
});
function recheck()
{
if(adFrame.contents().find("body").html()=="")
{
adContainer.css('display', 'none');
} else {
alert("HERE");
adContainer.css('display', 'block');
}
}