点击时显示不同的视图

Question

出于学习目的，我正在使用 Rails 创建一个非常基本的网站。

这个功能是我的目标。请注意在单击选项卡时 URL 是如何变化的。

http://tympanus.net/Blueprints/FullWidthTabs/

我目前被困在我项目的这一部分。

在我的application.html.erb 中，此页面目前允许我根据我单击的选项卡显示一个视图。

<div class="content">
    <section id="section-1">
        <!-- Home -->
        <%= yield %>
    </section>
    <section id="section-2">
        <!-- photos -->
    </section>
    <section id="section-3">
        <!-- videos -->
        three
    </section>
    <section id="section-4">
        <!-- projects -->
        four
    </section>
    <section id="section-5">
    </section>
</div>

我的<%= yield %> 目前正在加载我的home.html.erb。我想单击其他选项卡以显示不同的视图（projects.html.erb、photos.html.erb 等）。但是我不确定如何在 Rails 中执行此操作。

Answer 1

请注意，在您的示例网站中，所有选项卡仅在一次请求服务器期间加载。也就是说，如果您想实现完全相同的功能，您应该一次渲染所有选项卡数据（照片、视频..）（在一个请求处理期间），您还应该在客户端的帮助下实现“显示/隐藏选项卡” html/JavaScript。

如果您是网络新手，我建议您：

1) 实现一个页面，您的所有数据部分都将立即可见。网上有很多关于这方面的 RoR 教程。

2) 然后尝试实现选项卡。例如您可以按照 PaulProgrammer 的建议使用 jqueryui.com/tabs 或任何其他 ui 库。

祝你好运！