• ErrorSet


    1.获取路径的失误:
    例子是对一个列表项的悬浮操作:

        ~(function() {
            var lists = $(".footer_log>li");
            lists.each(function(index,ele) {
                $(ele).hover(function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").split(".")[0]+".png");
                },function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").split(".")[0]+"1.png");
                });
            });
        })();

    没毛病,本地环境没毛病,但的确有毛病。
    失误原因:我本地 $(this).find("a>img").attr("src");的路径是正确的,http://localhost:8088/frontend/img/img.png,大意的我以(".")点号分割。在线上是域名访问前面就有点号,这样路径从前面的点号分割。
    修改:
    方法一:

          ~(function() {
            var lists = $(".footer_log>li");
            lists.each(function(index,ele) {
                $(ele).hover(function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").split(".png")[0]+".png");
                },function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").split(".1png")[0]+"1.png");
                });
            });
        })();

    方法二:用replace()代替split();

          ~(function() {
            var lists = $(".footer_log>li");
            lists.each(function(index,ele) {
                $(ele).hover(function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").replace(".png", "1.png"));
                },function() {
                    $(this).find("a>img").attr('src',$(this).find("a>img").attr("src").replace("1.png", ".png"));
                });
            });
        })();
  • 相关阅读:
    线程的创建和运行
    Spring SpringMvc Mybatis Maven整合
    使用 Redis 缓存来实现用户最近浏览的商品列表
    Java泛型
    HDFS的HA集群原理分析
    MapReduce-自动化运行配置
    大数据-HDFS 集群搭建的配置文件
    鼠标线状移动特效
    Mac 终端 Tomcat 环境配置过程
    oracle列转行
  • 原文地址:https://www.cnblogs.com/intelwisd/p/7977149.html
Copyright © 2020-2023  润新知