Jquery - 无法从图像中提取attr并应用于元素

Question

我正在制作一个灯箱,我已经按照教程来实现这一目标,而且我非常接近.我遇到这条线的问题:

}).attr('src', 'imghref');

如果我用'images/watercolor.jpg'替换'imghref'然后它工作正常,但我希望'imghref'成为用户点击链接的href.

我的第二个问题是,如果我用'images/watercolor.jpg'替换'imghref'(用于测试目的),那么当我刷新页面时,它会自动加载图像而我没有点击链接,但我想要仅在用户单击链接时加载图像.ARRGGG !!!!

    $(function (){
    $('a').click(function() { 
    var imghref = $(this).attr("href");
    loadImage();
    return false;
    });
});


$(function loadImage() {
    var img = new Image();
    $(img).load(function () {
        $(img).hide();
        $('#loader').removeClass('loading').append(img);
        $(img).fadeIn('slow');
    }).error(function () {

    }).attr('src', 'imghref');

});

Answer 1

您将实际分配'imghref'为文本,因为您将其包装在单引号中,而不是变量的内容.

像这样做

.attr('src', imghref)