zoukankan      html  css  js  c++  java
  • 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"));
                });
            });
        })();
  • 相关阅读:
    DOCTYPE声明
    JS获取对象宽度和高度
    在Flash中巧妙替换字体
    web.config 配置兼容 IIS7 II6
    防刷新重复提交/防后退方法
    iframe自适应,跨域,JS的document.domain
    JS动态创建Table IE不显示Fix
    C#简繁转换
    用TransactSQL 命令压缩数据库
    JS内置对象[转载]
  • 原文地址:https://www.cnblogs.com/intelwisd/p/7977149.html
Copyright © 2011-2022 走看看