Jquery - 显示/隐藏 - 总是在点击页面上

Question

我在表单中使用JQuery show / hide功能（用php生成）

在这种形式中，有10个隐藏元素，每次用户点击“添加另一个”链接时，它会显示下一个隐藏元素，而我的页脚会随之下降。到目前为止，非常好。

现在问题是在显示2或3个隐藏元素后，页面变得更大并且出现了来自firefox的右导航滚动条，这很好，但是当我点击下一个“添加另一个”链接时，导航当显示隐藏元素时，滚动条会轻弹回到页面顶部。 添加新隐藏元素的每个链接都会使页面轻弹回到顶部，我不希望出现这种情况......

有没有人知道解决这个问题的方法？

Answer 1

“添加另一个”是否是一个实际的a元素，其中包含一个添加新内容的点击处理程序？

如果是这样，您可能需要event.preventDefault()。尝试这样的事情：

$('.myClickedLink').click(function(event) {

    event.preventDefault();
    // Run my code

})

这可以防止链接的默认行为。我猜这是导致你的页面每次都回到顶端的原因。

编辑：首先，在我的代码中，我错误地输入了stopPropagation（）而不是preventDefault（）。不过，上面的文字是正确的。遗憾。

Answer 2

如何在点击事件结束时添加返回false