禁用照片&照片永久链接tumblr

时间:2016-01-06 13:54:15

标签: tumblr

我正在尝试让我主页上的所有图片帖子都无法点击,因此无法链接到永久链接。 (我只是希望它们保留为主题已经提供的悬停循环效果的微缩模型)

我尝试从

中删除{LinkOpenTag}{LinkCloseTag}
{block:Photo}
<div class="wide-sizer">
    <div class="image">
        {LinkOpenTag}
            <img src="{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}{block:IndexPage}{PhotoURL-500}{/block:IndexPage}" alt="{PhotoAlt}"
                data-high-res="{PhotoURL-HighRes}"
                data-width="{PhotoWidth-HighRes}"
                data-height="{PhotoHeight-HighRes}"
            />
        {LinkCloseTag}
    </div>

但照片和照片仍然可以点击。

这是我的页面:http://woodstudiofr.tumblr.com 我正在使用“观众主题”。

更新:确定所以我尝试删除data-permalink={Permalink} lharby 建议,但现在所有链接都重定向到 / undefined

有什么想法吗? 再次感谢你的时间!

1 个答案:

答案 0 :(得分:0)

正如我的评论中所提到的,data-permalink属性已被删除,但仍有一些自定义的javascript,其中包含要返回的url未定义。

在结束<body>标记之前转到模板底部并添加以下代码:

<script type="text/javascript">
   $(document).ready(function(){
      $('.post').unbind('click').click(function(){});
   });
</script>

(基本上不是将帖子绑定到自定义javascript中的点击功能,而是我们现在尝试在点击时解除绑定)。

我在浏览器中对它进行了测试,它看起来很有效(尽管我认为其他几种方法也不起作用)。

修改

为了更改post元素上的光标。从模板中删除.post div中的clickable类(如果可以,则进行硬编码)。

或者在底部的样式标记内,添加以下css:

.post-grid .post.photo.clickable a,
.post.clickable {
    cursor: default;
}