我正在使用jQuerydiv
通过单击显示/隐藏按钮来显示/隐藏a 。但是,我的代码无法正常工作,因为它每次都返回到我单击按钮之前的状态。我几乎可以肯定这是由于页面重新加载所致,因为每次我单击一个按钮时,它都会重新加载页面。
有人知道这可能是什么原因吗?
这是重要的代码块:
<form role="form" method="post" action="./something.php">
...
<button id="hidemultmachines" onclick="$('#multmachines').hide(); $(this).hide(); $('#showmultmachines').show();">
Hide section below ...
</button>
<button id="showmultmachines" onclick="$('#multmachines').show(); $(this).hide(); $('#hidemultmachines').show();">
... Create multiple entries
</button>
<div id="multmachines">
...
</div>
<div>
<div>
<input type="hidden" name="total" value="{ $smarty.section.i.total }">
<button type="submit" name="Submit" value="Save">Save</button>
</div>
</div>
</form>
这是我的jQuery标头中的代码:
$(document).ready(function(){
$('#hidemultmachines').hide();
$('#multmachines').hide();
}
当我将按钮放在表格外时,它起作用了。为什么?
这是因为您的button
元素未type
指定,并且默认情况下,其button
元素type
设置为“提交”。当您单击按钮之一时,它们会尝试提交您的表单。只需指定一个type
“按钮”即可解决此问题:
<button type="button" class="close" id="hidemultmachines" onclick="..."></button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句