我有以下用于缩略图查看器的脚本。我已分别以“thumb”和“large”结尾的每个缩略图和大父图像命名。该脚本通过更改文件路径将大图像替换为单击的任何缩略图。
<script>
$('.thumbs').delegate('img','click', function(){
$('.large').attr('src',$(this).attr('src').replace('thumb','large'));
$('.large').hide().fadeIn(500);
});
</script>
每次单击缩略图时,页面都会滚动回顶部。我试图用以下方法来防止这种情况发生
return false;
但是,它可以工作,然后大图像将不会更新。有没有其他方法可以防止页面滚动到顶部?
感谢您的帮助。
最佳答案
我似乎没有在 IE9 中这样做。尝试阻止默认操作:
<script>
$('.thumbs').delegate('img','click', function(event){
$('.large').attr('src',$(this).attr('src').replace('thumb','large'));
$('.large').hide().fadeIn(500);
event.preventDefault();
});
</script>
关于javascript - 防止 jquery 浏览器点击时滚动到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11509955/