3

.erb、つまり foo.js.erb の一部である場合、より簡単で明確な JavaScript の小さなビットがいくつかあります。そのようなファイルはどこに配置すればよいですか? 関連する行を .html.erb ファイルに正しく配置すると、コードが適切に機能することがわかりますが、それはおそらく良い考えではありません。つまり、これは良い考えではありません。

<script>
  $(function() {
    $('#reports').bind('show', function(e) {
      if ($(e.target).attr('id') == 'reports-navlist')
        $.ajax({
          url: '<%= program_reports_path(@program) -%>',
          data: { toggle: "tab" }, 
          success: function(html){
            $("div#report-html-content").html(html);
          }
        })
    });
  });
</script>


<div class="container">
  <div class="row">
    <div class="span2">
      <ul class="nav nav-pills nav-stacked" id="reports">
        <li>
          <a href="#" data-toggle="pill">Trend lines for all questions</a>
        </li>
        <li>
          <a href="#" data-toggle="pill" id="reports-navlist">Summart of all queries</a>
        </li> 
        <li class="active">
          <a href="#" data-toggle="pill">Trend lines for all questions</a>
        </li>
        <li>
          <a href="#" data-toggle="pill">Details on all questions</a>
        </li>
      </ul>
    </div>
    <div class="span10" id="report-html-content">
    </div>
  </div>
</div>

ここでのベストプラクティスは何ですか? ありがとうございました!

4

0 に答える 0