美文网首页JQuery
ie8下 的一些jQuery兼容

ie8下 的一些jQuery兼容

作者: pengji | 来源:发表于2018-01-17 16:39 被阅读5次
  1. 问题描述:在ie8+ 下ajax 取数据,无法获得返回数据。
    debug到$.ajax之后,callback中 的代码未执行。度娘之后,发现在 $.ajax之前添加
    jQuery.support.cors = true; 即可

    jQuery.support 是一组用于展示不同浏览器各自特性和bug的属性集合。

    support参数
  2. 问题描述:ie8 下 Object.keys() 使用报错。
    Object.keys返回一个所有元素为字符串的数组,其元素来自于从给定的对象上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。

    var arr = ["a", "b", "c"];
    alert(Object.keys(arr)); // 弹出"0,1,2"
    
    // 类数组对象
    var obj = { 0 : "a", 1 : "b", 2 : "c"};
    alert(Object.keys(obj)); // 弹出"0,1,2"
    
    // getFoo是个不可枚举的属性
    var my_obj = Object.create({}, { getFoo : { value : function () { return this.foo } } });
    my_obj.foo = 1;
    
    alert(Object.keys(my_obj)); // 只弹出foo
    

    参考1 中提供了两种方式,但是我没有使用。

    我参考的是 参考2 这段代码

  var DONT_ENUM = "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor".split(","),
  hasOwn = ({}).hasOwnProperty;
  for (var i in {
      toString: 1
  }){
      DONT_ENUM = false;
  }


  Object.keys = Object.keys || function(obj){//ecma262v5 15.2.3.14
          var result = [];
          for(var key in obj ) if(hasOwn.call(obj,key)){
              result.push(key) ;
          }
          if(DONT_ENUM && obj){
              for(var i = 0 ;key = DONT_ENUM[i++]; ){
                  if(hasOwn.call(obj,key)){
                      result.push(key);
                  }
              }
          }
          return result;
      };
  1. 问题描述:ie8+ 下,使用 swiper 时,ie报错。
    debug之后,发现 swiper.min.js 中使用 a.trim() 来去掉多余空格,在使用 $.trim(a) 来代替原生trim。问题解决。

相关文章

网友评论

    本文标题:ie8下 的一些jQuery兼容

    本文链接:https://www.haomeiwen.com/subject/lsduoxtx.html