我正在制作一个基于2列的tumblr主题。在左栏中,有标记的条目,右边的条目没有标记。
所以我在每个div 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>
问题是,视频条目会在两列中填充,即使代码链接在列2中也是如此。