2017-05-20 149 views
1

嗨,我是有点ROR小白。想知道是否有人可以帮助我实现显示类别及其子类别的下拉菜单?类别/子类别下拉

将让我开始什么样的代码?

我已经报名参加了类别的数据,我只是不知道在哪里把代码来使它们看上去像一个友好的下拉菜单,其子为每一个类别的一个分支。

任何帮助将是伟大的。

编辑这是什么样的代码我有下拉:

<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Categories 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Sports</a></li> 
    <li><a href="#">Pop Culture</a></li> 
    <li><a href="#">Tazos</a></li> 
    <li><a href="#">Woolworths Collectibles</a></li> 
    </ul> 
    </div> 

,我想补充一个上悬停或点击动作,显示类别的子类别列表。

+0

你到目前为止试过了什么?请分享您的当前代码。您是否试图根据所选的“类别”显示“子类别”? – Gerry

+0

请看编辑 –

+0

看来这是一个不同的问题。我会建议podsting一个新的问题(引用这个问题)。你会得到更多的人来看看它。 – Gerry

回答

1

这听起来像你想一些交互添加到应用程序的视图层。开始使用此功能的代码类型是Javascript。您的项目的app/assets/javascripts目录是您放置此代码的位置。默认情况下,当您在开发环境中构建应用程序时,每次刷新浏览器中的视图时,Ruby on Rails都会重新加载对此目录中文件所做的任何更改。

Rails的指南对其中的Rails处理您的静态资产,如JavaScript和你的CSS文件的方式出色的文件。

http://guides.rubyonrails.org/asset_pipeline.html

有可用少许谷歌搜索免费的资源,这表明你的JavaScript的基础知识,以及如何使下拉菜单的数量惊人。

还有一个名为JQuery的一个强大的JavaScript库,可以让你在找做的更简单的东西。

This walkthrough seems very similar to what you are trying to achieve. You can customize it to fit your needs.

+0

感谢您的协助!这将是一个很大的帮助。它看起来像我所需要的。 –

+0

我很高兴能帮上忙。 :) – christopherpeaden

+0

请参阅编辑。我有一个引导首页,我想添加上面,但我不知道如何让东西工作,即使在查看您发布的链接后... –