HOME > > > >

{{else}} Template Tag

テンプレートタグ。テンプレート内にelseif文が書ける。

サンプル

実行結果

Javascript

  1. $('#template-1')
  2. .tmpl([
  3.     { name: 'HOME',       info: ['/', 'サイトTOP']},
  4.     { name: 'jQuery API', info: ['/reference/jquery/api/', 'jQuery APIのリファレンス']},
  5.     { name: '開発環境',   info: ['/development/', 'Windowで快適な開発環境を求めて']},
  6.     { name: null,         info: []},
  7.     { title: 'jQuery',    info: ['/reference/jquery/', 'jQuery']}
  8. ])
  9. .appendTo('.jqTest1 .screen');

HTML

  1. <div class="jqTest1">
  2.     <script id="template-1" type="text/x-jquery-tmpl">
  3.         {{if name}}
  4.             <p><a href="{{= info[0]}}">{{= name}}</a> - {{= info[1]}}</p>
  5.         {{else title}}
  6.             <p><a href="{{= info[0]}}">{{= title}}</a> - {{= info[1]}}</p>
  7.         {{/if}}
  8.     </script>
  9.  
  10.     <div class="screen"></div>
  11. </div>