lightbox-0.5 jquery兼容性问题
我正在尝试从这里集成jquery lightbox插件：http://leandrovieira.com/projects/jquery/lightbox/
它可以工作，但只能与jquery 1.2.3配合使用
当lightbox关闭并第二次启动时，也就是下一个和前一个链接不能正确地循环浏览照片时，
如果我点击下一个链接，照片的顺序就会开始跳跃，而不是一个接一个地浏览，点击就会出现1，3，5等等
顺便说一句，这个问题只有在我尝试用键盘箭头导航时才会发生，如果我用鼠标导航，那就没问题了，但只能用键盘
奇怪的是，因为我试图解压原始提供的示例文件，我只是将jquery版本替换为新版本，这就是我发现这个问题的时候。
我所做的就是将jquery版本从1.2.3改为任何较新的版本，问题就是从这里开始的
我试着在internet explorer，firefox，chrome，safari，甚至在不同的电脑上运行相同的html，但仍然有同样的问题。
回答 2
Stack Overflow用户
发布于 2011-12-06 03:55:59
此外，您可以尝试将Lightbox替换为Slimbox2 -它具有几乎相同的UI，但可能会彻底解决错误。
Stack Overflow用户
发布于 2014-03-25 01:03:39
我这样解决了这个问题:在_set_image_to_view()方法中，在行_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);之间添加行_disable_keyboard_navigation();
和
objImagePreloader.onload=function(){};
因此，整个方法如下：
function _set_image_to_view() { // show the loading
// Show the loading
$('#lightbox-loading').show();
if ( settings.fixedNavigation ) {
$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
} else {
// Hide some elements
$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
}
// Image preload process
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);
// Perfomance an effect in the image container resizing it
_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
// for reducing problem with navigation using keyboard (switching some pic at one time)
_disable_keyboard_navigation();
// clear onLoad, IE behaves irratically with animated gifs otherwise
objImagePreloader.onload=function(){};
};
objImagePreloader.src = settings.imageArray[settings.activeImage][0];
};https://stackoverflow.com/questions/8233177
复制相似问题
腾讯云开发者
