Rails 4 - 带有dependent-fields-rails的条件JS

Mel*_*Mel 8 javascript jquery ruby-on-rails underscore.js

我正试图弄清楚如何在我的Rails 4应用程序中使用dependent-fields-rails gem.

我迷路了.

我在我的供应商javascripts文件夹中包含了underscore.js并更新了我的application.js以包含(在底部,正上方需要树):

//= require underscore
//= require dependent-fields


$(document).ready(function() {
    DependentFields.bind()
});
Run Code Online (Sandbox Code Playgroud)

以我简单的形式,我有:

<%= f.input :has_milestones, as: :boolean, boolean_style: :inline, :label => 'Any decision points?', id: 'check_project_milestones' %>

<%= content_tag :div, class: 'js-dependent-fields', data: {'checkbox-id': 'check_project_milestones', 'checkbox-value': 'true' } do %>        

  <div class="intpol2">
    Milestones
  </div>

  <%= f.simple_fields_for :milestones do |f| %>
    <%= render 'milestones/milestone_fields', f: f %>
  <% end %>
<% end %>
Run Code Online (Sandbox Code Playgroud)

但是,当我重新启动服务器并呈现表单时,会显示第一个具有div id的问题(未选中复选框),并且内容标记内的内容也会显示.我希望它被隐藏,直到选中复选框.

我在driftingruby.com上找到了一个教程,展示了如何进行设置.我唯一可以猜到的是,可能需要使用turbo链接才能完成这项工作?我禁用它因为我使用olark.

当我检查控制台是否有错误时,我可以看到这个,这似乎是相关的:

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (underscore-min.map, line 0)
Run Code Online (Sandbox Code Playgroud)

我还应该补充一点,我尝试了在回答我之前关于这个问题的问题时提出的所有建议,但是找不到解决方案:Rails 4 - JS用于简单形式的依赖字段

谁能看到我做错了什么?

And*_*rao 0

您是否还在供应商上添加了最小地图?

源映射用于在浏览器上进行 JavaScript 调试

你也可以在underscore js上下载它:哪里写的

源图

或: http: //underscorejs.org/underscore-min.map

另请参阅:Rails Assets - 404(带有 .map 扩展名)