[英]Open / Close Div Tags After Submit
我只是在学习Jquery,我正在尝试做一些我认为可能的事情,但是我不确定。
我有一个包含表单的div标签,其目标是iframe。 当用户在表单上单击“提交”并加载Iframe时,我想隐藏包含表单的div标签,并且要显示两个已隐藏的div标签。
谢谢您的帮助。
这是div标签。 我还发布了div标签容器,该容器可在Iframe加载时加载动画,以防万一。
<div id="form" style="visibility:visible">
<form id="form" method="post" target="iframe1" convert.php">
<input id="element_1" type="text" maxlength="255" value="http://"/>
<input id="saveForm" type="submit" name="submit" value="submit" />
</form>
</div>
<div id="hidden1" style="visibility:hidden">
<p>hidden content</p>
</div>
<div id="hidden" style="visibility:hidden">
<p>hidden content</p>
</div>
<div id="frameWrap">
<img id="loader1" src="ajax_loader_blue_512.gif" alt="loading gif"/>
<iframe id="iframe1" name="iframe1" src="1.html" onload="hideLoading()">
</iframe>
</div>
这是我用来加载动画的脚本:
<script>
$(document).ready(function () {
$('#iframe1').on('load', function () {
$('#loader1').hide();
});
});
// in ready()
$('#form_710370').submit(function(){$('#loader1').show();return true;});
</script>
建议:-为div
和form
使用不同的ID
$('#form').submit(function()
{
$(this).parent().hide()
$('#hidden1, #hidden').show()
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.