单击具有其他功能的HREF时需要更改图像背景
<a href="#" id="showbilled_account">
<img alt="" src="images/btn_showBillAccounts.gif" id="showBillAccounts" />
</a>
还有其他一些拨动按钮是用相同的按钮来工作的。所有功能运行正常。
不幸的是,我必须单击两次以更改图像src
这是我的脚本代码
$(document).ready(function() {
var valueTextbox = $("#FilterTextBox").val();
$('#tbl_container tbody tr:not(:contains("' + valueTextbox + '"))').hide();
$('#tbl_container tbody tr:contains("' + valueTextbox + '")').show();
$(".pagination").hide();
$(".searchresult.spacetop").hide();
$(".exp_coll_wrap_alone").hide();
$("#showbilled_account").click(function() {
var valueTextbox = $("#FilterTextBox").val();
$('#tbl_container tbody tr:contains("' + valueTextbox + '")').toggle();
$('#tbl_container tbody tr:contains("")').toggle();
$(".pagination").toggle();
$(".exp_coll_wrap_alone").toggle();
$(function(){
$('#showbilled_account').toggle(function(){
$('#showBillAccounts').attr("src","images/btn_hideBillingAccounts.gif" );
},function(){
$('#showBillAccounts').attr("src", "images/btn_showBillAccounts.gif" );
});
});
});
});
提前致谢
最佳答案
您可以使用if语句
if( $("#showBillAccounts").attr("src") == "images/btn_hideBillingAccounts.gif" ) {
$('#showBillAccounts').attr("src", "images/btn_showBillAccounts.gif" );
} else {
$('#showBillAccounts').attr("src","images/btn_hideBillingAccounts.gif" );
} });
像这样
$(document).ready(function() {
var valueTextbox = $("#FilterTextBox").val();
$('#tbl_container tbody tr:not(:contains("' + valueTextbox + '"))').hide();
$('#tbl_container tbody tr:contains("' + valueTextbox + '")').show();
$(".pagination").hide();
$(".searchresult.spacetop").hide();
$(".exp_coll_wrap_alone").hide();
$("#showbilled_account").click(function() {
var valueTextbox = $("#FilterTextBox").val();
$('#tbl_container tbody tr:contains("' + valueTextbox + '")').toggle();
$('#tbl_container tbody tr:contains("")').toggle();
$(".pagination").toggle();
$(".exp_coll_wrap_alone").toggle();
if( $("#showBillAccounts").attr("src") == "images/btn_hideBillingAccounts.gif" ) {
$('#showBillAccounts').attr("src", "images/btn_showBillAccounts.gif" );
} else {
$('#showBillAccounts').attr("src","images/btn_hideBillingAccounts.gif" );
} });
});
关于javascript - 切换图片来源,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8519076/