【问题标题】:Make links to external tumblr blogs not clickable from the notes section of a tumblr post从 tumblr 帖子的注释部分创建无法点击的外部 tumblr 博客链接
【发布时间】:2015-02-08 12:40:30
【问题描述】:

我最近为公司帐户设置了一个 tumblr 博客。在 tumblr 上,当有人在帖子上转发或 cmets 时,他们会显示在 cmets 部分,在 tumblr 中称为注释。

例如,请在此处查看此帖子:http://minimalist.co/post/49073058900/robert-downey-jr-by-greg-williams#notes - 查看底部其他 tumblr 的链接(不是我的 tumblr 博客,但你明白了)

这些链接都是nofollow,这很好,但我遇到的问题是其中一些网站可能包含成人内容,并且因为这是一个商业帐户,它不能链接到成人内容。

有没有办法从这些链接中删除href,这样它们就不能被点击了,要么通过编辑 tumblr 主题在服务器端进行,要么使用 JS 在客户端进行?


更新

我发现我可以通过从主题中删除这些行来完全删除注释:

 {block:PostNotes}
 section class="post_notes">
 <a name="notes">
 {PostNotes}
 </a>
 </section>
 {/block:PostNotes}

但是这些完全删除了注释功能,id更喜欢做的是仍然有注释但不允许它们成为链接。


更新 2

这是页面上使用的html

<li class="note reblog tumblelog_sixtensason without_commentary">
    <a rel="nofollow" class="avatar_frame" target="_blank" href="http://sixtensason.tumblr.com/" title="Sixten Sason in wonderland" sl-processed="1">
        <img src="http://38.media.tumblr.com/avatar_ed56f53ce743_16.png" class="avatar " alt="">
    </a>

    <span class="action" data-post-url="http://sixtensason.tumblr.com/post/110092976968">

        <a rel="nofollow" href="http://sixtensason.tumblr.com/" class="tumblelog" title="Sixten Sason in wonderland" sl-processed="1">
            sixtensason
        </a> 

        reblogged this from 

        <a rel="nofollow" href="http://example.com" class="source_tumblelog" title="Interior design blog - LLI Design London" sl-processed="1">
            example
        </a>

    </span>

    <div class="clear">
    </div>
</li>

我将 JS 更新为以下内容,但无济于事,有什么想法吗?

<script type="text/javascript">
            $(document).ready(function(){

                $('span.action a').attr('href','');
                $('li.note a').attr('href','');

            });
        </script>

【问题讨论】:

    标签: tumblr


    【解决方案1】:

    可能需要查看您的博客或一些更具体的标记,但有一种方法可以使用 jquery 删除 href。

    jQuery 倾向于与许多模板一起发布,但如果您的模板没有,您只需添加一行代码。

    有点像

    $(document).ready(function(){
       $('.post_notes a').attr('href','');
    });
    

    这表示获取 post_notes 元素内的所有锚点并将 href 设置为空字符串。

    检查我的一些主题,我可以看到有 tumblr 模板链接可以从模板中删除,它们看起来像 href="{Permalink}",但我认为对于 postNotes 块,你不能编辑 href,就我可以告诉。

    编辑:

    或者你可以禁用点击事件:

    $('.post_notes a').click(function(){
       return false;
    });
    

    【讨论】:

    • 第一个解决方案更好,因为它完全禁用了链接。后者仍然是可聚焦、可右键单击和可悬停的
    • @bfred.it 是的,我只是在证明给猫剥皮的方法不止一种。
    • 感谢@lharby - 我更新在我更新的帖子中实现了上述脚本,但无济于事,为什么这不起作用?
    • @sam 你能发布一个指向你的 tumblr 的链接吗?我可以看到 span.action 有一个 data 属性(不是 href ),其他链接有 tumblelog 和 source_tumblelog 类,所以这取决于需要禁用哪个。
    • 尽管您的代码应该可以根据您编写的内容运行。 jQuery 是否肯定包含在内,也许检查控制台是否有错误?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-03
    • 1970-01-01
    相关资源
    最近更新 更多