Javascript 悬停选择器在图像库中不工作

对不起我的英语…我对javascript很陌生

我有两个javascript代码

一个用于带有ekko灯箱的图像库

$(document).on("click", '[data-toggle="lightbox"]', function(event) {

     event.preventDefault();
     $(this).ekkoLightbox({alwaysShowClose: true});
});

还有一个用于缩放，但也用作小图像库的悬停

var zoomConfig = {cursor: 'crosshair', zoomType: "inner" }; 
var image = $('#gallery_01 a');
var zoomImage = $('img#zoom_03');

zoomImage.elevateZoom(zoomConfig);//initialise zoom

image.hover(function(){
 // Remove old instance od EZ
$('.zoomContainer').remove();
 zoomImage.removeData('elevateZoom');
 // Update source for images
 zoomImage.attr('src', $(this).data('image'));
 zoomImage.data('zoom-image', $(this).data('zoom-image'));
  // Reinitialize EZ
  zoomImage.elevateZoom(zoomConfig);
});

我所有的代码都是javascript、Html和Css

var zoomConfig={cursor:'crosshair'，zoomType:'inner}；
var image=$（“#图库_01 a”）；
var zoomImage=$（'img#zoom_03'）；
ZoomImageElevateToom（zoomConfig）//初始化缩放
image.on（'click'，function（）{
//删除旧实例
$（'.zoomContainer'）.remove（）；
移除动物图像（“提升空间”）；
//更新图像的源
zoomImage.attr（'src'，$（this.data（'image'））；
zoomImage.data（'zoom-image'，$（this.data（'zoom-image'））；
//重新初始化EZ
ZoomImageElevateToom（zoomConfig）；
});
$（文档）。在（“单击”、“[data toggle=“lightbox”]”上，函数（事件）{
event.preventDefault（）；
$（this.ekkoLightbox（{alwaysShowClose:true}）；
});

.grosse bild{位置：相对；左边距：0；宽度：52%；显示：块；框大小：边框框；背景色：黑色；
}
.grosse bild>img{位置：相对；最大高度：100%；最大宽度：100；垂直对齐：中间；边框：0；
}
#lalo{宽度：5%；右边距：10px；右边距：7px；}
#画廊(01){
位置：相对位置；
浮动：左；
显示：表格；
线高：0；
内容：''；
利润率最高：1%；
}

我再次修复了代码；）


var zoomConfig={cursor:'crosshair'，zoomType:'inner}；
var image=$（“#图库_01 a”）；
var zoomImage=$（'img#zoom_03'）；
ZoomImageElevateToom（zoomConfig）//初始化缩放
image.hover（函数（）{
//删除旧实例
$（'.zoomContainer'）.remove（）；
移除动物图像（“提升空间”）；
//更新图像的源
zoomImage.attr（'src'，$（this.data（'image'））；
zoomImage.data（'zoom-image'，$（this.data（'zoom-image'））；
//重新初始化EZ
ZoomImageElevateToom（zoomConfig）；
});
$（文档）。在（“单击”、“[data toggle=“lightbox”]”上，函数（事件）{
event.preventDefault（）；
$（this.ekkoLightbox（{alwaysShowClose:true}）；
});
.grosse bild{位置：相对；左边距：0；宽度：52%；显示：块；框大小：边框框；背景色：黑色；
}
.grosse bild>img{位置：相对；最大高度：100%；最大宽度：100；垂直对齐：中间；边框：0；
}
#lalo{宽度：5%；右边距：10px；右边距：7px；}
#画廊(01){
位置：相对位置；
浮动：左；
显示：表格；
线高：0；
内容：''；
利润率最高：1%；
}

Gracie谢谢你的回答！，但现在的问题是，我不想去图片库…我要来这里是的，但也要想什么时候点击小图片，打开一个图片库，就像这里一样，我要小图片库两件事，在大窗口上悬停显示，现在做，单击打开图像库…在我的第一个问题中，单击较小的图像打开窗口图像库，但不使用悬停，使用代码，使用悬停但不打开窗口图像库…是的，莫尔尔托·格雷西！，我是阿古罗，我是贝拉·乔尔纳塔！