Rails 4-具有依赖字段Rails的条件JS

Rails 4 - Conditional JS with dependent-fields-rails

本文关键字：Rails 条件 JS 依赖 4-具 字段      更新时间：2023-09-26

我正试图弄清楚如何在我的rails 4应用程序中使用依赖字段rails-gem。

我迷路了。

我已经在我的供应商javascript文件夹中包含了undercore.js，并更新了我的application.js以包含（就在底部，就在require树的上方）：

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

$(document).ready(function() {
    DependentFields.bind()
});

在我的简单表格中，我有：

<%= 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 %>

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

我在driftingruby.com上找到了一个教程，展示了如何设置它。我唯一能猜测的是，也许需要涡轮链接才能实现这一点？？我禁用了它，因为我使用olark。

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

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

我还应该补充一点，在回答我之前关于这个问题的问题时，我尝试了所有建议，但没有找到解决方案：Rails4-JS，用于具有简单形式的依赖字段

有人看到我做错了什么吗？

您所经历的是源映射。这允许您在使用缩小的JS文件时，在浏览器的开发工具中使用可读代码进行调试。

缩小版的Underscore在文件末尾有这样一行：

//# sourceMappingURL=underscore-min.map

当遇到这一行时，浏览器的开发人员工具将尝试下载underscore-min.map。

如果你想摆脱错误，要么：

  1. 从underscore-min.js删除该行
  2. 将underscore-min.map和underscore.js添加到您的项目中

您是否也添加了供应商的最小映射？

源地图用于浏览器上的javascript调试

你也可以在下划线js上下载：写在哪里

源地图

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

另请参阅：Rails Assets-404，带有.map扩展名

相关文章：