HOME > > > >

{{if}} Template Tag

テンプレートタグ。フィールド名、式を条件として入力できる。

サンプル

実行結果

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.         {{/if}}
  6.     </script>
  7.  
  8.     <div class="screen"></div>
  9. </div>