如何在不重新加载rails的情况下渲染每个视图？

Question

我在 Rails 应用程序中呈现视图时遇到问题。 我尝试创建一个主页来加载我的应用程序的每个工具（5 - 6 种不同），但我希望允许用户一个一个地调用它们而无需重新加载页面（如一些 saas 应用程序）。

我尝试了一个welcome/index.html.erb 页面，该页面使用ajax 呈现每个视图：

<button class="button1"></button>
<button class="button2"></button>
<button class="button3"></button>
<%= render "tools1/index %>
<%= render "tools2/index %>
<%= render "tools3/index %>
...

如果用户单击按钮 1，我怎么能只显示工具 1，然后当用户单击按钮 2 时隐藏工具 1 和显示工具 2 等？ 另一个问题，这是一种有效的方法吗？

编辑：

我的错，不清楚。关键是我不想在一开始就渲染每个页面，完美的东西是在用户调用它们时逐页加载（不仅仅是显示）它们

谢谢

Answer 1

AJAX 加载器快速示例

在您的 HTML 中添加一些链接/按钮：

<a class="ajax-load" href="/url1">Page 1</a>
<a class="ajax-load" href="/url2">Page 2</a>
<a class="ajax-load" href="/url3">Page 3</a>

<div class="ajax-content"></div>

添加这个 jQuery 代码：

$(document).ready(function(){
  $('.ajax-load').on('click', function(e){
    e.preventDefault();
    $('.ajax-content').load($(this).attr('href'));
  });
});

现在，当用户点击任何链接时，内容将被 AJAX 加载。

---

上一个答案

由于您在视图中呈现页面，因此您无需再次通过 ajax 加载它们。我建议您使用一些 jQuery 插件来为您执行此操作。

例如：tabs 或 accordion。