带有Fancybox的Pikachoose API钩子在IE9或更低版本中不起作用

时间:2013-05-15 14:12:12

标签: javascript jquery css cross-browser fancybox

所以我一直在测试Pikachoose画廊的API钩子,并且确实有一个三个缩略图的画廊效果很好。然后,我在动画结束时添加了API钩子,并运行一个函数为其中一个缩略图创建一个Fancy-box。

$(document).ready(function (){
   var a = function(self){
      self.anchor.fancybox({
            'width'             : '60%',
            'height'            : '55%',
            'autoScale'         : true,
            'transitionIn'      : 'elastic',
            'transitionOut'     : 'none',
            'type'              : 'iframe' 
      });
   };
   $("#pikame").PikaChoose({animationFinished:a});
});

这适用于Firefox,Chrome和&歌剧。它似乎不适用于IE9或更低版本,并且为了避免可能潜伏在我的测试网站上的任何页面错误,我创建了一个jsfiddle(** jsfiddle)并最终得到了相同的结果结果 - 在缩略图转换中动画一次,然后打破

任何人都知道IE 9为何会破坏?

1 个答案:

答案 0 :(得分:1)

当点击第二张和第三张图片时,PikaChoose的finishAnimating会在停靠并清除字段this.anchor之前展开图片animationFinished,因此您的self.anchornull在所有浏览器中(在Chrome,IE9,IE10中测试)。 IE只是让这个bug可见。