我正在制作一个基于 2 列的 tumblr 主题。在左栏中,有已标记的条目,在右侧没有标记的条目。
所以我在每一列 div 中都有一个 {block:Posts} ,其中一个带有标签的条目被呈现,另一个是其他所有内容。但不知何故,无论它们是什么类型,两列都充满了条目。
我的代码现在看起来像这样:
<div class="columns">
<div class="column1">
{block:Posts}
<div class="post">
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Posts}
</div>
<div class="column2">
{block:Posts}
{block:Video}
<li class="post video">
{Video-500}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Video}
{/block:Posts}
</div>
</div>
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
问题是,视频条目都填充在两列中,即使它们上的代码链接只是在 column2 中。