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

Question

我在表单中使用JQuery显示/隐藏功能(用php生成)

在这种形式中,有10个隐藏元素,每次用户点击"添加另一个"链接时,它会显示下一个隐藏元素,我的页脚会随之下降.到现在为止还挺好.

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

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

Answer 1

a使用添加新内容的点击处理程序,"添加另一个"是一个实际元素吗？

如果是这样,你可能想要event.preventDefault().尝试这样的事情:

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

    event.preventDefault();
    // Run my code

})

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

编辑:首先,在我的代码中,我错误地输入了stopPropagation()而不是preventDefault().不过,上面的文字是正确的.抱歉.