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()
的一个很好的例子,而且这种方法更灵活,例如,如果他想在其他地方使用原始源: