使用jQuery单击隐藏/显示按钮时页面重新加载

奥斯曼

我正在使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery单击隐藏/显示按钮单击时页面重新加载

来自分类Dev

当单击按钮时,隐藏已经显示页面加载的段落

来自分类Dev

显示/隐藏按钮,无需重新加载页面

来自分类Dev

希望按钮在页面加载时隐藏内容,然后在单击按钮时显示

来自分类Dev

单击以显示隐藏的div时,将页面分成多个编号的Div,并重新加载整个页面

来自分类Dev

加载页面时隐藏div,单击链接时显示

来自分类Dev

按钮单击事件在页面重新加载时触发

来自分类Dev

单击提交按钮时未重新加载Ruby on Rails页面

来自分类Dev

如何在重新加载页面或使用AngularJS单击“返回”按钮时保存搜索结果

来自分类Dev

使用js更改url参数,而无需在单击按钮时重新加载页面

来自分类Dev

单击按钮后显示图片,并在加载iframe时隐藏

来自分类Dev

在jquery中单击时更改按钮文本(显示/隐藏/显示)

来自分类Dev

单击按钮时隐藏并显示

来自分类Dev

使用Jquery在特定div区域中单击按钮时加载页面

来自分类Dev

如何计算每次单击后重新加载页面时按钮单击的次数?

来自分类Dev

单击按钮时如何在 URL 中添加值而不重新加载/重新定位页面

来自分类Dev

显示单击显示按钮时隐藏表格

来自分类Dev

使用jQuery在页面加载上自动单击按钮元素

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

即使在提交按钮上使用jQuery后页面也重新加载

来自分类Dev

即使在提交按钮上使用jQuery后页面也重新加载

来自分类Dev

使用jQuery删除类并在单击按钮时隐藏div

来自分类Dev

jQuery单击锚标记重新加载页面

来自分类Dev

JQuery 在重新加载页面后单击元素

来自分类Dev

在页面加载时隐藏带有锚名称的div,仅在单击链接时显示

来自分类Dev

在页面加载时自动单击单选按钮

来自分类Dev

单击按钮时刷新Ajax加载的页面

来自分类Dev

在页面加载时自动单击单选按钮

来自分类Dev

单击单选按钮时隐藏/显示选项

Related 相关文章

  1. 1

    使用jQuery单击隐藏/显示按钮单击时页面重新加载

  2. 2

    当单击按钮时,隐藏已经显示页面加载的段落

  3. 3

    显示/隐藏按钮,无需重新加载页面

  4. 4

    希望按钮在页面加载时隐藏内容,然后在单击按钮时显示

  5. 5

    单击以显示隐藏的div时,将页面分成多个编号的Div,并重新加载整个页面

  6. 6

    加载页面时隐藏div,单击链接时显示

  7. 7

    按钮单击事件在页面重新加载时触发

  8. 8

    单击提交按钮时未重新加载Ruby on Rails页面

  9. 9

    如何在重新加载页面或使用AngularJS单击“返回”按钮时保存搜索结果

  10. 10

    使用js更改url参数,而无需在单击按钮时重新加载页面

  11. 11

    单击按钮后显示图片,并在加载iframe时隐藏

  12. 12

    在jquery中单击时更改按钮文本(显示/隐藏/显示)

  13. 13

    单击按钮时隐藏并显示

  14. 14

    使用Jquery在特定div区域中单击按钮时加载页面

  15. 15

    如何计算每次单击后重新加载页面时按钮单击的次数?

  16. 16

    单击按钮时如何在 URL 中添加值而不重新加载/重新定位页面

  17. 17

    显示单击显示按钮时隐藏表格

  18. 18

    使用jQuery在页面加载上自动单击按钮元素

  19. 19

    使用Jquery在按钮单击上隐藏/显示Div

  20. 20

    即使在提交按钮上使用jQuery后页面也重新加载

  21. 21

    即使在提交按钮上使用jQuery后页面也重新加载

  22. 22

    使用jQuery删除类并在单击按钮时隐藏div

  23. 23

    jQuery单击锚标记重新加载页面

  24. 24

    JQuery 在重新加载页面后单击元素

  25. 25

    在页面加载时隐藏带有锚名称的div,仅在单击链接时显示

  26. 26

    在页面加载时自动单击单选按钮

  27. 27

    单击按钮时刷新Ajax加载的页面

  28. 28

    在页面加载时自动单击单选按钮

  29. 29

    单击单选按钮时隐藏/显示选项

热门标签

归档