我的写法有点笨,有五六个相同操作的代码,就是获取的css名称不同,想知道该如何利用函数传参精简代码。多谢了。
涉及图片路径src的那个该如何写呢?我试了几个写法都不行。
$('.europe').click(function(){
$(".map").find('img').attr({
src:"../images/global/europe.png"
});
$('.europe-area').siblings().css('display','none');
$('.europe-area').css('display','block');
});
其中europe是变量,其他的都不变。
我自己写这个,但是不可行:
function area(areaname){
$(".'areaname'").click(function(){
console.log(".'areaname'");
$(".map").find('img').attr({
src:"../images/global/'areaname'.png"
});
$(".'areaname'-area").siblings().css('display','none');
$(".'areaname'-area").css('display','block');
});
};
area(asia);
问题已解决,下面是正确的代码:
function area(areaname){
$('.'+areaname).click(function(){
$(".map").find('img').attr({
src:"../images/global/"+areaname+".png"
});
$('.'+areaname+'-area').siblings().css('display','none');
$('.'+areaname+'-area').css('display','block');
});
};
area('asia');
$("."+areaname).