javascript - 防止 jquery 浏览器点击时滚动到顶部

Question

我有以下用于缩略图查看器的脚本。我已分别以“thumb”和“large”结尾的每个缩略图和大父图像命名。该脚本通过更改文件路径将大图像替换为单击的任何缩略图。

<script>
$('.thumbs').delegate('img','click', function(){
    $('.large').attr('src',$(this).attr('src').replace('thumb','large'));
    $('.large').hide().fadeIn(500);
});
</script>

每次单击缩略图时，页面都会滚动回顶部。我试图用以下方法来防止这种情况发生

return false;

但是，它可以工作，然后大图像将不会更新。有没有其他方法可以防止页面滚动到顶部？

感谢您的帮助。

Answer 1

我似乎没有在 IE9 中这样做。尝试阻止默认操作:

<script> 
$('.thumbs').delegate('img','click', function(event){ 
    $('.large').attr('src',$(this).attr('src').replace('thumb','large')); 
    $('.large').hide().fadeIn(500); 
    event.preventDefault();
}); 
</script>