Question

单击“更多”按钮时，“更多”按钮和“精选”的图片将会更改，当您单击“更多”按钮上的图像时，图像应与第一个图像相同，但不是。

$(document).ready(function(){

    $('#buy_now').hide(); 
    $('#more').click(function() {
        $("#more-btn").attr("src", "http://kilrush.mobi/kil/GetAssetFile?fileId=77470");
        $("#featur-btn").attr("src", "http://kilrush.mobi/kil/GetAssetFile?fileId=77472");
        $('#buy_now').toggle();              
    });      
});

Answer 1

您需要存储原始源然后还原它。最佳方法是使用.toggle()按钮，.data存储原始来源：

$(document).ready(function(){
    var btnMore = $("#more-btn");
    var btnFeature = $("#featur-btn");
    btnMore.data("org_src", btnMore.attr("src"));
    btnFeature.data("org_src", btnFeature.attr("src"));
    $('#buy_now').hide();
    $('#more').toggle(function() {
        btnMore.attr("src", "http://kilrush.mobi/kil/GetAssetFile?fileId=77470");
        btnFeature.attr("src", "http://kilrush.mobi/kil/GetAssetFile?fileId=77472");
        $('#buy_now').show();
    }, function() {
        btnMore.attr("src", btnMore.data("org_src"));
        btnFeature.attr("src", btnFeature.data("org_src"));
        $('#buy_now').hide();
    });
});

Live test case。（与可爱的猫咪:)）

jquery图像替换？

1 个答案: