Question

我无法解决jQuery和javascript之间的冲突。

其中一个javascript冲突来自于尝试使用dependent-fields gem。请在此处查看问题大纲：Rails - Conflicts between jQuery and javascript

我没有尝试解决这个问题，而是试图弄清楚如何制作直接操作我的表单的jQuery代码，以宝石所服务的方式隐藏和显示数据（或打算这样做）

我在app / assets / javascripts中创建了一个名为：projects.js.coffee的文件。它有：

$(document).ready(function() {
    $("#check_project_milestones").hide()
});

我不希望它执行切换部分，但我希望它可以隐藏check_project_milestones标记中的内容。它没有。

在我的项目表格中，我有：

<%= f.input :has_milestones, as: :boolean, boolean_style: :inline, :label => 'Does this research project have identifiable milestones or decision points?', id: 'check_project_milestones' %>

                        <%= content_tag :div, 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 class="row">

                        <div class="col-md-6">

                           <%= link_to_add_association 'Add a milestone', f, :milestones, partial: 'milestones/milestone_fields' %>

                        </div>
                      </div>

我的目标是除了第一个问题之外的所有内容最初都是隐藏的。然后，当勾选第一个问题复选框时，其余部分可见。如果该框随后被取消，则它将恢复为隐藏。

谁能看到我做错了什么？

Rails 4 - jQuery最初隐藏，然后点击切换

0 个答案: