从覆盖图像中删除href链接

Question

我需要将listing/中列出的产品转化为不可点击的项目，但不需要松散的覆盖效果。因为它是wordpress站点，所以我不能更改代码，所以我唯一的选择就是使用CSS。我试着把指针事件:无和光标:默认的图像，但它失去了它的覆盖效果。我会感谢你的帮助。

Answer 1

要禁用本例中的链接，需要添加一些javascript代码。

JS:将此添加到主题文件：footer.php中的</body>之前

<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;
}

Answer 2

我们没有办法处理css中的事件。使用这个jquery片段修复$(‘.同位素项目.thumbnail a’).click(函数(E) e.preventDefault()；})；