css - RefineryCMS 2.1.0 和 Zurb 4 带下拉导航的顶部菜单

标签 css ruby-on-rails zurb-foundation refinerycms

我正在尝试使用 Zurb foundation 来设计一个使用最新版本的 refinery 构建的应用程序。我从遵循本指南开始

http://blog.flatironschool.com/post/54511602806/build-a-blog-based-site-with-refinerycms

但最新版本的refinery 使用“menu-presenter”来布局菜单。

我已经走到这一步了:

module ApplicationHelper


   def zurb_menu
      menu_items = Refinery::Menu.new(Refinery::Page.in_menu)

      presenter = Refinery::Pages::MenuPresenter.new(menu_items, self)
      presenter.css = "top-bar-section"
      presenter.dom_id = nil
      presenter.menu_tag = :section
      presenter.list_tag = "ul class='left'"
      presenter
   end
end

这种方法可行,但是元素不太正确,主要问题是我不知道如何或在何处添加下拉列表类以使子元素下拉。使用上面的代码,子元素一直在扩展。

谢谢你的帮助

最佳答案

如果您使用 fast_menu 而不是 in_menu,那么您将能够重新排序页面。 menu_pages 有效,但您不会以与在管理中相同的顺序呈现页面。希望这对某人有帮助。

menu_items = Refinery::Menu.new(Refinery::Page.menu_pages)

menu_items = Refinery::Menu.new(Refinery::Page.fast_menu)

关于css - RefineryCMS 2.1.0 和 Zurb 4 带下拉导航的顶部菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20068284/

相关文章:

html - 识别重复的样式 css

ruby-on-rails - Zurb Foundation 单选按钮和复选框在 Rails 中不起作用

ruby-on-rails - 如何在 Ruby On Rails 中将数字四舍五入到动态精度?

ruby-on-rails - 未定义的方法 'should' 将 Capybara 与 Cucumber 一起使用时

ruby-on-rails - Ruby On Rails 和 "external classes"

css - Foundation 5 媒体查询 Sass 错误

css - <a> 标签中的边距不可点击(Foundation 4)

css - 在CSS或母版页之间进行网页布局和设计哪个更好?

javascript - 单击时将具有相同类的每个 div 移动到新位置

php - TYPO3 并为 div 生成随机 ID