3

今日、私の先輩はjqueryテンプレートを使用するように私に言いました。しかし、私はそれについて何も知りません。jqueryテンプレートでvarStatusを使用したいのですが、方法がわかりません。また、この機能が存在するかどうかもわかりません。

**<!--this is JSTL style loop-->**
<c:forEach var="item" items="${menuItems}" varStatus="status">
<div class="tbtn" data-z_index="${99-status.count}"> //<--This line has loop count
    <div id="${item.m_id}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${item.m_id}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
</c:forEach>

これはjquery-templateスタイルのループです

<script id="topMenuTemplate" type="text/x-jQuery-tmpl">
{{if data}}
{{each data}}
<div class="tbtn" data-z_index="${loop??}"> //<--I need to use loop count here too!!
    <div id="${name}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${name}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
{{/each}}
{{/if}}
</script>
4

1 に答える 1

3

index1.4.3以降、 ：にアクセスできます。

{{each( index, value ) collection}} content {{/each}}

これは、のindex代わりに使用したいカスタム文字列値ですがindex、jQueryはデフォルト$indexで現在のインデックス値になります。

<li>
    Title: ${Name}.
    {{each Languages}}
        ${$index + 1}: <em>${$value}. </em>
    {{/each}}
</li>

したがって、あなたの例では、 ：$indexの代わりに変数を使用できます。${loop}

<div class="tbtn" data-z_index="${index}">

ソース：http ：//api.jquery.com/template-tag-each/

于 2012-05-14T03:09:48.493 に答える