2012-05-14 7 views
3

今日、私のシニアはjqueryテンプレートを使用するように言った。しかし、私はそれについて何も考えていません。 jQueryテンプレートでvarStatusを使用したいと思いますが、この機能がどのようにわかっているのかわかりません。jqueryのテンプレート数またはインデックスはありますか?

**<!--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> 

これは1.4.3以来、あなたはindexにアクセスしていない

<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> 

答えて

3

jqueryのテンプレートスタイルのループされています、ここでindexは単なる習慣である

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

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

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

だからあなたの例では、あなたは${loop}の代わりに$index変数を使用することができます。

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

出典:http://api.jquery.com/template-tag-each/

+1

をありがとう!出来た。 –

関連する問題