所以我一直在测试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为何会破坏?
答案 0 :(得分:1)
当点击第二张和第三张图片时,PikaChoose的finishAnimating
会在停靠并清除字段this.anchor
之前展开图片animationFinished
,因此您的self.anchor
为null
在所有浏览器中(在Chrome,IE9,IE10中测试)。 IE只是让这个bug可见。