在点击上显示不同的视图

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）然后尝试实施标签。例如您可以使用jqueryui.com/tabs作为PaulProgrammer建议的或任何其他ui库。

祝你好运！