Javascript 在Tumblr上的{block:Photos}中呈现{Caption}

Javascript 在Tumblr上的{block:Photos}中呈现{Caption},javascript,html,css,tumblr,Javascript,Html,Css,Tumblr,tumblr似乎有点问题,因为如果它位于{block:Photos}标记内,则无法呈现{Caption}标记。问题是,我的主题的工作方式要求它以这种方式完成 {block:Photoset} <div class="object photo"> {block:Photos} <a href="{PhotoURL-HighRes}" class="fancybox" rel="{PostID}" title="{Caption}"&

tumblr似乎有点问题,因为如果它位于
{block:Photos}
标记内,则无法呈现
{Caption}
标记。问题是,我的主题的工作方式要求它以这种方式完成

{block:Photoset}
    <div class="object photo">
        {block:Photos}
            <a href="{PhotoURL-HighRes}" class="fancybox" rel="{PostID}" title="{Caption}"><img src="{PhotoURL-HighRes}" /></a>
        {/block:Photos}
    </div>
{/block:Photoset}
{block:Photoset}
{块:照片}
{/block:Photos}
{/block:Photoset}
这样做的原因是,我正在使用为集合中的每个照片添加标题,您必须通过向
title
属性添加标题来完成此操作

有什么建议吗?

正是这样做的,在{block:Photos}内有一个{Caption}。在该块中,{Caption}指单个照片的标题

我猜你想要的是照片集的标题,而不是单张照片。在你的例子中,标题可能是空的,所以你没有看到任何东西

我认为这不能通过模板完成,所以这里有一个使用jQuery的快速修复方法:

$('.photoset[data-caption]').each(function () {//select photosets that have a caption
  var caption = $(this).data('caption');//get stored caption
  $(this).find('.fancybox')//find link that needs the caption
    .attr( 'title', caption );//add caption to link
});
以下是模板:

{block:Photoset}
  <div class="object photoset" {block:Caption}data-caption="{PlaintextCaption}"{/block:Caption}> <!-- Note the > after the block caption -->
    {block:Photos}
      <a href="{PhotoURL-HighRes}" class="fancybox" rel="{PostID}"><img src="{PhotoURL-HighRes}" /></a>
    {/block:Photos}
  </div>
{/block:Photoset}
{block:Photoset}
{块:照片}
{/block:Photos}
{/block:Photoset}

或者你可以把{block:caption}{/block:caption}放在{/block:photos}下面,而不是放在它里面,有同样的问题,这对我来说很有效。

你试过把标题包装在标题块中吗<代码>{block:Caption}{Caption}{/block:Caption}是的,但不幸的是,这不起作用。老实说,我认为这可能是JavaScript的一项工作,但它超出了我的基本知识。谢谢。出于某种原因,它并没有将“标题”归因于这些帖子。数据标题位工作正常,但根本没有添加标题。啊,是的。对不起<代码>标题javascript中必需的引号。我更新了密码