我有那个小小提琴
<img src="http://placehold.it/333/fe3/img/picture2.jpg" id="bg" /><br />
<a href="" title="Switch" class="menulink">DE</a>
<a href="" title="Switch" class="menulink2">EN</a>
<a href="" title="Switch" class="menulink3">FR</a>
$(function() {
$('.menulink').click(function(e){
e.preventDefault();
$("#bg").attr('src',"http://placehold.it/333/3ef/img/picture1.jpg");
});
$('.menulink2').click(function(e){
e.preventDefault();
$("#bg").attr('src',"http://placehold.it/333/fe3/img/picture2.jpg");
});
$('.menulink3').click(function(e){
e.preventDefault();
$("#bg").attr('src',"http://placehold.it/333");
});
});
它工作正常,但我的问题是:
如果我单击页面上的另一个链接,我需要为选定/活动状态和非活动/默认状态的每个链接类添加背景图像。
例如,链接“de”具有默认的白色背景图像,如果我单击链接,背景图像将变为选定状态的黑色图像。
如果我现在单击“en”,它将使用白色背景图像将“de”链接更改回非活动状态,并将“en”bg-image-link 设置为选定的 state-imagelink,如果单击另一个链接,则会将其删除.
我希望有人有一个想法:)