如果它们是 .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>
这里的最佳做法是什么?谢谢!