javascript - 带有 Fancybox 的 Pikachoose API Hook 在 IE9 或更低版本中不起作用

Question

所以我目前一直在测试用于 API Hook 的 Pikachoose 画廊，并且确实有一个包含三个缩略图的画廊运行良好。然后我添加了 API Hook ，用于动画何时结束并运行一个函数来为其中一个缩略图创建花式框。

$(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 和 Opera。它似乎在 IE9 或更低版本中不起作用，为了避免可能潜伏在我的测试站点上的任何页面错误，我创建了一个 jsfiddle (** jsfiddle) 并最终得到相同的结果 -在缩略图过渡中动画一次然后中断

有人知道为什么 IE 9 似乎崩溃了吗？

Answer 1

当点击第二张和第三张图片时，PikaChoose 的 finishAnimating 从 anchor 展开图像并在调用 animationFinished 之前清除字段 this.anchor，所以你的self.anchor 在所有浏览器中都是 null(在 Chrome、IE9、IE10 中测试过)。 IE 只是让这个错误可见。