Jquery - 从图像中提取 attr 并将其应用于元素时遇到问题

Question

我正在制作一个灯箱，我已经按照教程完成了这一步，而且我已经很接近了。我在使用这条线时遇到问题:

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

如果我将“imghref”替换为“images/watercolor.jpg”，那么它工作正常，但我希望“imghref”成为用户点击的链接的href。

我的第二个问题是，如果我将“imghref”替换为“images/watercolor.jpg”(出于测试目的)，那么当我刷新页面时，它会自动加载图像，而无需我单击链接，但我希望仅当用户单击链接时才加载图像。啊啊啊!!!

    $(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)