首页 > 技术文章 > js 中使用基础地址

miaomiao8899 2016-03-15 14:25 原文

$(".choose-fun li,.work-mode li,.bypass li").click(function(){
        var src=$(this).find("div:first").css("background-image");  //获取当前元素背景图片连接
        var imgurl=src.split('image/')[1].split('_')[1].substring(0,2); //获取图片名称,截取两个字符
        if(imgurl=="of"){
            var src=$(this).find("div:first").css("background-image");
            var imgurl=src.split('image/')[1].split('_')[0];
            $(this).find("div:first").css({"background":"url("+baseUrl+"/wap/devH5/375/image/"+imgurl+"_on@2x.png) center center no-repeat","background-size":"20px"});
            $(this).find("div:last").toggleClass("text-weight");
        }
        else{
            var src=$(this).find("div:first").css("background-image");
            var imgurl=src.split('image/')[1].split('_')[0];
            $(this).find("div:first").css({"background":"url("+baseUrl+"/wap/devH5/375/image/"+imgurl+"_off@2x.png) center center no-repeat","background-size":"20px"});            
            $(this).find("div:last").toggleClass("text-weight");
        }
    })

之前写的图片问题,传到网站上相应的地址会失效,需要使用网站的基础地址,类似于根目录这样的地址,使用baseUrl就可以了

 

推荐阅读