javascript - 在页面加载时隐藏部分，然后在点击时显示部分

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 吗？像这样修改 View :

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

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

  </div

JavaScript:

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