Question

我需要将http://srougi.biz/gb/portfolio_listing/中列出的产品转换为不可点击的项目，但不会失去其叠加效果。而且由于它是一个wordpress网站，我无法更改代码，我唯一的选择就是使用CSS。我试图在图像中放置指针事件：无和光标：默认，但它失去了叠加效果。我将非常感谢你的帮助。

Answer 1

我们没有选项来处理css中的事件。使用此jquery片段进行修复 $（'。isotope-item .thumbnail a'）。click（function（e）e.preventDefault（）; }）;

Answer 2

要在这种情况下停用链接，您需要添加一些javascript代码。

JS：在主题文件中</body>之前添加此内容：footer.php

<script>
    var thumbnails = document.getElementsByClassName('thumbnail');
    for(i = 0; i < thumbnails.length; i++){
        thumbnails[i].getElementsByTagName("a")[0].setAttribute("onclick", "return false;");
    }
</script>

CSS：从链接中删除指针的样式。

.thumbnail a {
    cursor: default !important;
}

从覆盖图像中删除href链接

2 个答案: