如何在Javascript中使用Tumblr元素?

时间:2015-05-21 21:14:00

标签: javascript jquery tumblr

如何在Javascript中使用{Permalink}等Tumblr元素?

专门添加指向某些元素的链接。

我的javascript:

<script type="text/javascript">

        $('.takemethere').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="{Permalink}"></a>');
});

    </script>

HTML:

{block:Photo}

<div class="takemethere"><img src="{PhotoURL-500}" width="50px" height="50px" alt="{PhotoAlt}"/></div>

{block:caption}{Caption}{/block:Caption}

{/Block:Photo}

{Permalink}元素不能用作链接。当我点击我已经包含此链接的内容时,它只刷新页面。

1 个答案:

答案 0 :(得分:0)

您不需要javascript,直接在您的主题中使用{Permalink}主题操作符:

{block:Photo}

<a href="{Permalink}">
  <img src="{PhotoURL-500}" width="50px" height="50px" alt="{PhotoAlt}"/>
</a>

{block:caption}{Caption}{/block:Caption}

{/Block:Photo}

参考:https://www.tumblr.com/docs/en/custom_themes#posts