除非单击两次，否则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（）使用其他元素。