我想在用户单击拇指图像时更改图像,并防止其跳到页面顶部。
我写的第一个代码:
$('#photos-list img').click(function(e) {
e.preventDefault();
var imgObj = new Image();
var targetObj = $('#main_image img');
imgObj.onload = function() {
targetObj.attr('src',this.src);
}
imgObj.src = $(this).attr('rel');
});
preventDefault()可以正常工作。好的,我想为图像更改添加一些效果,例如淡入,我在
$('#photos-list img').click(function(e) {
e.preventDefault();
var imgObj = new Image();
var targetObj = $('#main_image img');
imgObj.onload = function() {
targetObj.hide();
targetObj.attr('src',this.src);
targetObj.fadeIn('normal');
}
imgObj.src = $(this).attr('rel');
});
这一次,preventDefault不起作用,即使我给了fadeIn()一个preventdefault,例如:
targetObj.fadeIn('normal', function(e1){e1.preventDefault();});
有什么方法可以解决这个问题?
最佳答案
尝试以
return false;