iframe动画未在表单提交时触发

Question

加载iframe时，我的页面上有动画。 该页面上有一个表单供用户提交网址，表单的目标是iframe。

首次加载页面时，加载动画起作用。 但是提交表单后，动画将不起作用。 我不确定自己在做什么错，但这是我的代码，如果有人可以帮助，请提前感谢。

<head>
<style>
#frameWrap {
    position:relative;
    height: 360px;
    width: 640px;
    border: 1px solid #777777;
    background:#f0f0f0;
    box-shadow:0px 0px 10px #777777;
}

#iframe1 {
    height: 360px;
    width: 640px;
    margin:0;
    padding:0;
    border:0;
}

#loader1 {
    position:absolute;
    left:40%;
    top:35%;
    border-radius:20px;
    padding:25px;
    border:1px solid #777777;
    background:#ffffff;
    box-shadow:0px 0px 10px #777777;
}
</style>

<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
    <div id="form_container">
        <form id="tt1"  method="post" target="iframe1" action="convert.php">
            <input id="element_1" name="url1"  type="text"  value="http://"/> 
            <input id="saveForm" type="submit" name="submit" value="submit" />


       </form>  

<div id="frameWrap">
<img id="loader1" src="ajax_loader.gif" width="36" height="36" alt="loading gif"/>
<iframe id="iframe1" src="image.html" ></iframe>
</div>
<script>
    $(document).ready(function () {
        $('#iframe1').on('load', function () {
            $('#loader1').hide();
        });
    });
</script>

</body>

Answer 1

提交表单时，可以说将“控件”页面转移到新的URL-对于您来说，是convert.php。 如果上传需要时间，则页面似乎坐在那里无所事事。 您想要的是在其中使用form.onSubmit和$（'＃loader1'）。show（），返回true。

// in ready()
$('#tt1').submit(function(){$('#loader1').show();return true;});

iframe动画未在表单提交时触发

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-11-25 20:33:39

iframe动画未在表单提交时触发

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-11-25 20:33:39

解决方案1
0 已采纳 2013-11-25 20:33:39