Question

我在rails 4应用程序中的ruby中使用nested_form gem。在添加的每个嵌套表单中，有几个div，其中包含字段。我想在添加嵌套表单时隐藏这些div的内容。使用我当前的jQuery函数，每个嵌套表单的div都被隐藏（甚至在用户正确填写的表单上）。

我正在添加每个nested_form的HTML + JS：

<%= f.fields_for :loan_securities, :wrapper => true do |loan_security| %>
<div class="div1">
    <section>
        <div class="row">
            <label class="label col col-6 required">Serial Number</label>
            <div class="col col-6">
                <label class="input">
                    <%= loan_security.text_field :security_serial_number, :class => "security_serial_number" %>
                </label>
            </div>
        </div>
    </section>
</div>
<div class="div2">
    <section>
        <div class="row">
            <label class="label col col-6 required">Registration Number</label>
            <div class="col col-6">
                <label class="input">
                    <%= loan_security.text_field :security_registration_number, :class => "security_registration_number" %>
                </label>
            </div>
        </div>
    </section>
</div>
<% end %>

$(function() {
  $(document).on('nested:fieldAdded', function(event){
    $(".div1").hide();
    $(".div2").hide();
  });
});

以上操作不正常。我想只隐藏在该事件上添加的嵌套表单中的div1和div2，而不是所有嵌套表单。在文档中，它们展示了如何使用事件访问单个字段：

$(document).on('nested:fieldAdded', function(event){
  // this field was just inserted into your form
  var field = event.field; 
  // it's a jQuery object already! Now you can find date input
  var dateField = field.find('.date');
  // and activate datepicker on it
  dateField.datepicker();
})

我如何使用上面的示例访问两个div并以添加的形式隐藏它们？

隐藏嵌套表单字段和Div

0 个答案: