提交后打开/关闭Div标签
我只是在学习Jquery,我正在尝试做一些我认为可能的事情,但我不确定。提交后打开/关闭Div标签
我有一个div标签,其中包含一个窗体,它的目标是一个iframe。当用户单击表单上的提交并加载了Iframe时,我想要隐藏包含表单的div标记,并且想要显示两个隐藏的div标记。
感谢您的帮助。
这里是div标签。我还发布了加载动画的div标签容器,同时iframe加载incase,这会有所帮助。
<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
不同的ID和form
$('#form').submit(function()
{
$(this).parent().hide()
$('#hidden1, #hidden').show()
})
嗨我试着在小提琴中,它似乎并没有工作。 [链接] http://jsfiddle.net/mikeef74/3j5mn/ [链接] –
我的意思是说,它隐藏了整个页面,而不是打开隐藏的div,你可以在小提琴中看到。 –
@MichaelFalciglia *建议No2: - *有很多错误,所以一个友好的建议 - 正确学习'HTML'并从'javascript'开始,然后转移到'jquery'基础知识(参考好书不仅仅是在线素材).jsfiddle.net/UD_B/3j5mn/2。并学习使用jsfiddle和最后,** JSFIDDLE **不适用于服务器端脚本 – UDB
的http:// API。 jquery.com/hide/和http://api.jquery.com/show/ –
UDB函数的解决方案? –