ie6的图片切换不显示

起因

  最近临时需求,需要对一个项目兼容ie6还要适配ipad,刚知道要兼容的ie6的时候,绝对是崩溃的.

图片切换

  1.通过页面的按钮进行上下切换图片,分别为上一张和下一张.
  2.在页面初始化,第一次图片的时候,图片是完全显示的.
  3.在点击切换按钮之后,图片显示不完整.ie6是没有自带开发工具的,想调试的话,只能老老实实alert.你懂的!
  4.在切换图片路径之前和之后,分别alert图片的路径,因为alert会阻塞后续代码的执行.在alert执行结束,图片竟然可以完整显示
  5.解决方式,就是加入定时器

处理之前的代码

$('#showImage').attr('src','图片路径');

延迟执行代码

var delay = utils.defer(function () {
    $('#showImage').attr('src', '图片路径');
}, 500, true);
delay();

项目封装执行一次的定时器代码

//定时执行某个函数
defer:function (fn, delay, exclusion) {
      var timerID;
      return function () {
            if (exclusion) {
                clearTimeout(timerID);
            }
            timerID = setTimeout(fn, delay);
       };
}


秋风 2016-11-11
文章分类
algorithm windows linux c cpp csharp javascript java dependon mono javascript browser asp.net core go asp.net database python asm rust english TypeScript EntityFramework Core
友情链接