Question

我需要在列中显示数据项，但我不能使用表（列没有相同的项目数）。

我从以下jQuery模板开始：

<div id="my-jq-tpl" style="display:none;">
     {{if is_first}}
      colstart  <div style="width: 42px;float:left;">
     {{/if}}   
        <div style="width: 40px;">
           ${cell_item}
        </div>
    {{if is_last}}
        </div> colend
     {{/if}}  
</div>

它的问题在于它总是在渲染的HTML结尾处关闭第一个div而不仅仅是在is_last = true时。

它现在呈现的内容如下：

colstart
<div style="width: 42px;float:left;">
    <div> 1A </div>
</div>
<div> 1B </div>
colend
colstart
<div style="width: 42px;float:left;">
    <div> 2A </div>
</div>
<div> 2B </div>
colend

但我希望它能产生以下结果：

colstart
<div style="width: 42px;float:left;">
    <div> 1A </div>
    <div> 1B </div>
</div>
colend
colstart
<div style="width: 42px;float:left;">
    <div> 2A </div>
    <div> 2B </div>
</div>  
colend

从输出中看到“colstart”和“colend”被正确放置，因此传递给模板的数据很好并且逻辑是正确的。但问题是外部div在一列中的第一项之后而不是在最后一项之后关闭。我猜，jQuery会关闭外部DIV，因为它不会看到它是否会在以后关闭，以避免让它打开，从而创建无效的HTML。

有什么方法可以解决这个问题，并且有必要的行为吗？

带有列数据的JQuery模板 - 标签自动关闭

0 个答案: