在页面加载时隐藏部分内容，然后在点击时显示部分内容答案

【问题标题】：Hide a partial upon page load and then show partial on click在页面加载时隐藏部分内容，然后在点击时显示部分内容
【发布时间】：2014-04-29 16:27:22
【问题描述】：

使用 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 调用？

非常感谢任何指导！

【问题讨论】：

我不熟悉 Ruby，但我使用 jQuery，并且“.carousel-dev”指的是一个类，而元素的类是 class="row carousel-dev"。也许这就是它不起作用的原因。
选择器没问题。 div没有正确关闭..？我在 jsfiddle 中对其进行了测试，即使关闭了错误的 div，该元素也被隐藏了。你检查过你的控制台吗？你包括jquery吗？ jsfiddle.net/honk1/4779b

【解决方案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();
    });

【讨论】：