我想在用户单击拇指图像时更改图像,并防止其跳到页面顶部。

我写的第一个代码:

$('#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;

09-25 18:01