Question

所以我一直在测试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和＆amp;歌剧。它似乎不适用于IE9或更低版本，并且为了避免可能潜伏在我的测试网站上的任何页面错误，我创建了一个jsfiddle（** jsfiddle）并最终得到了相同的结果结果 - 在缩略图转换中动画一次，然后打破

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

Answer 1

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

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

1 个答案: