zoukankan      html  css  js  c++  java
  • 关于hash和ico的一些关联

    最近測试提出一个bug。说某几个页面中的ico不显示,于是针对此问题排查原因。

    首先,确保页面中的link已引入favicon.ico。

    经查看,发现是js中的location.hash导致了ico不显示。原因是在ico未载入完成时设置了location.hash从而导致ico不显示。

    location.hash在项目中经经常使用到。用于url定位,比如http://h.liepin.com/#job-manage中的“#job-manage”。

    解决方法例如以下(以当前项目为例。详细情况详细分析):

    项目要点:1、页面内容是通过点击menu发送ajax请求过来的;

        2、进入页面的显示内容是某个menu的默认点击事件。

        3、设置location.hash是通过某个menu的点击事件。

    这样就存在问题了。进入页面的时候就运行了menu的点击事件,于是就设置了location.hash。

    能够这样做,设置一个变量,确保刚进入页面时不会设置location.hash。

    $(function(){
      $('.menu a').click(function(event,hashBoolean){
        var that = $(this);
        $.ajax({
          url:'',
          type:'GET',
          data:{},
          cache:false,
          dataType:'json',
          success:function(data){
            if(data.flag == 1){
              if(!hashBoolean) location.hash = ['id',that.attr('data-id')].join('=');
            }
          }
        });
      });
    
      $('.menu a').eq(0).trigger('click',[true]);
    });


  • 相关阅读:
    笔记
    Dwarf Tower
    第k小数
    np
    noi 抓住那头牛
    HDU 1575 Try A
    acm 易错警示
    E
    魔改森林 题解(dp+容斥+组合数学)
    F. Unusual Matrix 题解(思维)
  • 原文地址:https://www.cnblogs.com/zsychanpin/p/6707213.html
Copyright © 2011-2022 走看看