Jquery iframe准备好了

时间:2012-01-21 17:59:13

标签: javascript jquery html

我的页面中有一个iframe,我将表单提交到iframe,所以在iframe完成加载后,每次iframe完成加载内容时都需要触发一个函数。

我已尝试使用readyload,但没有任何效果,任何人都可以举一些例子吗?

编辑此外,当我提交浏览器时显示该页面正在加载我该如何删除?

2 个答案:

答案 0 :(得分:1)

您需要在新的iframe内容中指定要触发的功能

<html>
    <head>  
        <script src="jquery-1.7.1.min.js"></script>
        <script>
            $(document).ready(function()
            {
                console.log('this is loaded');
            });
        </script>
    </head>
    <body>
        THE RESPONSE OF YOUR FORM ACTION
    </body>
    </html>

或发布您的iframe代码,我们可以尝试修复它
没有办法隐藏浏览器在提交时加载新内容的事实,只要我能看到。 您是否尝试使用iframe的div ?这将更容易恕我直言,如果我能记得正确,装载将被隐藏。

答案 1 :(得分:0)

您有几个选项,具体取决于您的Javascript所在的位置:

  1. 您可以将.ready()javascript放在iframe的源网页上(如果父网页是包含iframe的网页,那么这是一个不错的选择。 ; t需要知道iframe内发生的事件:

    $(document).ready(function(){
        console.log('My webpage loaded!');
    });
    
  2. 或者,您可以将.load()JS放在父网页上,如下所示:

    var win = document.getElementById('myiframe').contentWindow || iframe;
    $(win).load(function(){
        console.log('The iframe on my webpage loaded');
    });