Javascript jquery图像替换?

Javascript jquery图像替换?,javascript,jquery,Javascript,Jquery,当点击更多按钮时,更多按钮和特色的图片将被更改,当您再次点击更多按钮时,图像应与第一个相同,但不是 $(document).ready(function(){ $('#buy_now').hide(); $('#more').click(function() { $("#more-btn").attr("src", "http://kilrush.mobi/kil/GetAssetFile?fileId=77470"); $("#featur-

当点击更多按钮时,更多按钮和特色的图片将被更改,当您再次点击更多按钮时,图像应与第一个相同,但不是

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

您需要存储原始源,然后将其还原。最好的方法是对按钮使用
.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();
    });
});

。(有可爱的猫:)

你能给我们看一些html吗?您似乎正在更改按钮的
src
属性,而不是图像。欢迎使用stackoverflow。请以清晰的方式陈述你正在尝试做的事情-直到你重新计算你的问题。是的。toggle()是关键。您也可以像第一个一样直接在第二个切换函数中指定原始图像源,而无需通过调用.data()来存储源。谢谢@iTypist good point,但这仍然是使用
.data()
的一个很好的例子,而且这种方法更灵活,例如,如果他想在其他地方使用原始源: