【问题标题】:disable photos & photoset permalinks tumblr禁用照片和照片集永久链接 tumblr
【发布时间】:2016-01-07 16:59:18
【问题描述】:

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

我尝试从以下位置删除 {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 我正在使用“观众主题”。

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

有什么想法吗? 再次感谢您的宝贵时间!

【问题讨论】:

  • 您可以通过在您的主题中找到data-permalink 并将其删除来实现。未经测试,但我相当确定这是用于触发链接的内容。会有一些 js 与此相关联,因此删除它可能会导致错误,但这将是一个好的开始。
  • 它包装了您在问题中拥有的元素。代码应该是 data-permalink={Permalink} 尝试从主题中删除该代码的任何实例。
  • 感谢您的建议,我做到了。请检查我的更新。
  • 好的,我想我有答案了,我会在下面添加一些说明。如果您无法使其正常工作,请回复,如果对您有帮助,请投票。

标签: tumblr


【解决方案1】:

正如我在评论中提到的,data-permalink 属性已被删除,但仍有一些自定义 javascript 将要返回的 url 封装为未定义。

转到模板底部,在结束 &lt;body&gt; 标记之前并添加以下代码:

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

【讨论】:

  • 漂亮,完美运行!只是最后一个小修复:鼠标指针是否有可能保持在正常状态,而不是“链接手”状态?再次感谢!
  • 是的,有几种方法可以做到这一点。我会更新我的答案。
  • 完美!样式标签的 css 就像一个魅力。再次感谢!
猜你喜欢
  • 1970-01-01
  • 2012-10-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多