如何在Javascript中使用Tumblr元素？

Question

如何在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}元素不能用作链接。 当我单击包装此链接的内容时，它只会刷新页面。

Answer 1

您不需要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