Javascript 函数未按预期工作

标签 javascript html css

<分区>

我对以下 JS 函数有疑问:

function toggleSortierung() {
  var form =document.getElementById("sortieren_form");
  if(form.style.display=="none") {
    document.getElementById("sortieren_form").style.display="block";
  }
  else {
    document.getElementById("sortieren_form").style.display="none";
  }
}

这是打开和关闭表单的可见性。表单默认不可见。该功能集成到一个链接中:

<a href="javascript:toggleSortierung()">Sortierung:</a>

该功能确实有效,但第一次单击链接时什么也没做,尽管它应该使表单可见。第一次点击后,该功能按预期工作,因此只会阻碍流畅的使用。

最佳答案

在你的表单元素中放置一个内联样式 display:none .. 这样它会在第一次点击时返回 form.style.display as none

关于Javascript 函数未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37610799/

上一篇:javascript - 过渡期不当行为

下一篇:javascript - ionic 列表项文本溢出未调整列表项的高度

相关文章:

javascript - Google 上的 URL 变量 'My Maps'

html - anchor 标记上的两层边框 :active state

javascript - 有没有一种单行方法可以将由两个单词组成的字符串减少为一个?

javascript - 通过名称获取变量,该名称存储在另一个变量中

javascript - 覆盖父内容可使用 javascript 编辑

html - 制作垂直的日语文本

javascript - 使用 document.getElementsByTagName 找不到动态添加的元素(IE6)

javascript - 取回相同数量的行

jquery - 如何让这个 jQueryUI 按钮与使用自定义 CSS 样式创建的按钮大小相同?

html - 如何使用 Bootstrap 设置多个相邻表单