除非点击两次，否则Javascript onClick不起作用

Question

我有这个Javascript打开一个表来显示底行。不幸的是，当页面加载按钮时，打开表将无法工作，直到它被单击两次。之后，只需单击一下，除非用户刷新了页面，然后再返回两次点击。

我在标题中有这个：

<script type="text/javascript">
var rowVisible = true;
function toggleDisplay(tbl) {
    var tblRows = tbl.rows;
    var i;
    for (i = 0; i < tblRows.length; i++) {
        if (tblRows[i].className != "headerRow") {
        tblRows[i].style.display = (rowVisible) ? "none" : "";
    }
  }
  rowVisible = !rowVisible;
}
</script>

这个按钮

<a class="small blue btn" onClick="toggleDisplay('.$thread_no.')" >
    <small>Open</small></th>

如何每次只需点击一下即可实现此功能？

Answer 1

我认为问题可能与a元素有关。第二次单击超链接时，会触发空哈希，因此不会再次触发。

您可以通过返回false或e.preventDefault（）来阻止默认操作或使用其他元素;