jquery - 来自 Gilbert 的方形幻灯片,无法点击元素

标签 jquery html css

我使用基于 square.com 上当前使用的 slider 的 slider 构建了一个网站,该 slider 由 gilbert 在 http://gilbert.pellegrom.me/recreating-the-square-slider/ 上重新编码。 .

看起来这些幻灯片目前是相互叠加的,并且在进出之间过渡。目前我让它工作得很好,除了现在我需要在每张幻灯片上添加链接元素。我有一个 friend 看过它并稍微修改了脚本和 css,现在我们在第一个循环中有了每张幻灯片,每张幻灯片上都有可点击的元素。但是,当它在第二个循环中返回到第一个屏幕时,或者如果您在第一个循环中单击任何幻灯片上的上一个按钮,它不再允许再次单击幻灯片上的任何内容。有没有人有任何解决方案来解决这个问题?

这是代码笔。 http://codepen.io/typevu/full/sCvch

最佳答案

我认为添加以下内容可以解决问题

.square-slider .slide.active
{
   z-index:999 !important;
}

只是锚定图片在其他图片下面所以你不能点击它

希望对你有帮助

关于jquery - 来自 Gilbert 的方形幻灯片,无法点击元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17304896/

相关文章:

javascript - 单击时使用 Ajax/jQuery 在选择中加载数据将重置为第一个元素

javascript - 同步执行从 .each() 返回的脚本,但不延迟完成顺序

javascript - 如果所有 ajax 未完成且用户离开窗口或页面

javascript - For 循环对于 click() 方法无法正常工作

html - 为什么在以下情况下两个内联 block 元素都会掉落?

html - 将 div 定位在固定 div 下方和另一个固定 div 的右侧

css - Jspdf - fromHtml() - 单页 Pdf

javascript - wkhtmltopdf.exe --no-stop-slow-scripts 不起作用?

html - 在输入焦点上的 div 显示上添加链接

html - 如何使用 AngularJS 在我的页面上的模式下放置一个 mask ?