隐藏部分页面加载，然后单击显示部分

Question

使用Rails 3和JQuery，我有一个包含渲染部分的div。当我使用JQuery在我的javascript中隐藏该div时，它不会隐藏。为什么我无法隐藏这个？我只是希望它被隐藏，然后点击一下按钮就可以了。

我的观点

new.html.erb
  <div class="row carousel-div">

    <%= render "carousel", f: f %>

  </div

我的javascript

carousel.js
    $(document).ready(function() {
      $(".carousel-div").hide();
    });

我对AJAX不太满意，但这是我在网上找到的唯一答案。没有AJAX，没有办法做到这一点吗？如果AJAX是唯一的方法，那么出于好奇，为什么JQuery隐藏功能变为非活动状态，当然，我将如何建立AJAX调用？

非常感谢任何指导！

Answer 1

请执行以下操作并告知我们。通常div类只是CSS的好习惯。 你在new.html.erb里面调用carousel.js吗？ 像这样修改视图：

new.html.erb
  <div id='something' class="row carousel-div">

    <%= render "carousel", f: f %>

  </div

的javascript：

carousel.js
    $(document).ready(function() {
      $("#something").hide();
    });