Question

在这里有一个表格：

    <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>

并拥有iframe

<iframe id="my_frame" name="my-iframe" src="" frameborder="0"></iframe>

所以我将我的php文件的输出加载到这个iframe。现在我需要在iframe有内容后显示一个表单。我刚试过这个：

$( document ).ready(function() {
            var adFrame = $("#my_frame");
            var adContainer = $("#test_form_wrapper");
            if(adFrame.contents().find("body").html()=="") {
                adContainer.css('display', 'none');
            } else {
                alert("HERE");
                adContainer.css('display', 'block');
            }
        });

我需要展示的div是：

 <div id="test_form_wrapper"><span>This is a test div</span>    </div>

脚本正在隐藏页面加载中的div，因为iframe没有任何内容。但是，在iframe有内容之后，这并没有显示div。

Answer 1

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加载到

后再次调用函数recheck（）

如果iframe有内容，请将html添加到页面

1 个答案: