jquery - 仅在iphone/ipad 上的网站图库onclick 有错误

Question

只有当我的网站响应时，我的网站上的图库才会出现问题。这是一个链接:

www.alexaworkshop.com

问题是当我点击 thumb android devices 和 PC open biger picture from gallery normal 但 iphone open biger picture 和 thumb 保持事件状态。这是一个大问题，因为大图是用拇指打开的。您可以使用 iphone 在我网站上的图库中对其进行测试。

第二次点击拇指消失，大图正常，但我不知道为什么 onclick 拇指保持事件状态并贴上大图。请帮忙。

Answer 1

您可以尝试做的是，为 Thumb 和大图像设置一个 z-index，这样即使您的 jquery 中存在错误，它们也不会重叠。

只需添加类似这样的内容，但应用您的自定义类:

.thumb {
  position: relative;
  z-index: 1;
}

.image {
  z-index: 10;
}