Javascript 更改单击事件的属性（太快）

我有一个每个函数，用于确定在ID内单击链接的时间。单击完成后，它会获取相关属性并将它们与主图像关联

此功能还可以包括视频，因此如果html包含名为

#video

的id，它将获取视频属性并将其粘贴到预定义的

中

目前，我还有其他一些功能不在下面的画笔中，比如

destroyoum（）

（这会破坏专门用于.main图像的缩放功能）

问题：当用户在图像（尤其是视频）之间切换时，图像顶部的缩放层会自动激活。（我已经为函数放置了占位符）

有人可以推荐一种优雅的方法来处理这种情况，或者我是如何编写这个功能的

请注意：第5张图片是视频

编辑：更新下面的代码笔和代码以包含缩放功能

$（'#product gallery super'）。子项（）。单击（函数（e）{
e、 预防默认值（）；
var prodImg=$（this.attr（'data-image'）；
var imgSrc=$（this.children（）.attr（'src'））
var-vidCheck=false；
var mainImg=$（'.main image'）；
如果（imgSrc！='http://yi.yoga/images/cs.jpg') {
$（this）.addClass（“活动缩略图”）.sides（）.removeClass（“活动缩略图”）；
if（$（this.attr（'id'）=='video'）{
$（'.main image'）.hide（）；
if（！$（'.product-video'）.hasClass（'product-video'））{
var videoLink=$（this.attr（'href'）；
var videoImg=$（this.find（'img'）.attr（'src'）；
var视频=“”；
$（'.container'）.prepend（视频）；
//启动视频函数videoInitate（）；
}
}否则{
main（）
$（'.video container'）.remove（）；
$（'.main image'）.show（）；
$（'.main image'）.attr（'src'，prodImg）；
$（'.product zoom'）.elevateToom({
光标：“指针”，
zoomType:“窗口”，
zoomWindowFadeIn:500，
zoomWindowFadeOut:750，
回答：是的，
边界大小：1，
边框颜色：“#DDDDDD”，
伦茨顺序：1，
伦西兹：200，
滚动缩放：错误，
缩放窗口：1，
});
}
}
});
函数main（）{
$（'.zoomContainer'）.remove（）；
$（'.product zoom'）.removeData（'elevateToom'）；
$（'.product zoom'）.removeData（'zoomImage'）；
}

。活动缩略图{
显示：内联块；
边框：1px纯黑；
}
#超级img产品库{
宽度：61px；
高度：79px；
}

你有没有想过这个问题？如果问题是视频在缩小到可管理的尺寸之前短暂占据了整个屏幕，那么尝试使用

而不是

宽度=100%

您的问题很难理解。你能再详细说明一下吗？什么是缩放层？@MattWay我刚刚更新了上面的功能（填补了空白）。如果你现在点击一些缩略图，你可以看到当你停留在主图像上时，它会放大。然而，如果你点击数字5，视频播放的悬停仍然在原地。最后，即使我在其中添加了一些销毁功能，只要快速单击，它仍然会以某种方式显示视频的缩放。