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"));
                });
            });
        })();
  • 相关阅读:
    Qt下设置QLabel字体的大小和颜色
    C#之隐式与显示类型转换
    .NET入行之工作前
    再见2016
    C#之DataTable转List与List转Datatable
    .NET入行之工作后
    js判断是pc端还是移动端
    .net中的ContextSwitchDeadlock异常
    今天,我的博客开通啦
    ASP.NET的页面生命周期
  • 原文地址:https://www.cnblogs.com/intelwisd/p/7977149.html
Copyright © 2011-2022 走看看