0
A
答えて
2
現在のページを反映するために、メニューの外観を変更するために使用される一般的なトリックは、bodyタグ内のページ名を反映したCSSセレクタやクラスを置くことです。
これを実行したら、必要なページ名のバリエーションごとに異なるスタイルを作成できます。例えば
:
<!-- @page_name is 'home' in this example -->
<body class="<%= @page_name %>">
<!-- Lots of html here -->
<div class="nav_links">
<ul id="nav">
<li class="home"><a href="/"><span>Home</span></a></li>
<li class="about_us"><a href="/about"><span>About us</span></a></li>
<li class="store"><a href="/store"><span>Shop</span></a></li>
</ul>
</div>
次にCSSはあなたのような何もすることができますが、のようなもの:
body.home div.nav_links ul li.home { /* blah blah */ }
body.about_us div.nav_links ul li.about_us { /* blah blah */ }
は、この方法は、懸念の良好な分離を保証します。視覚的なスタイルは、(あなたの色の変更)あなたのスタイルシートにとどまり、コードから抜け出してください。
0
メニューのhtmlを生成するヘルパーを作成し、controller.controller_name
変数を使用してクラスを変更します。
0
私は同じ問題を抱えていました。アクティブなメニュー項目を設定するためのヘルパメソッドを作成しました。あなたは私がcontroller_pathから期待される結果を渡すactive_tabで見ることができるように
def active_tab(id)
if id == menu_entry_id
'active'
else
'tab'
end
end
def menu_entry_id
if controller_path.match('/')
controller_path.gsub!('/', '_')
else
controller_path
end
end
例メニュー
%li{:class => "#{active_tab 'admin_dashboard'}"}= link_to 'Dashboard', admin_dashboard_path
%li{:class => "#{active_tab 'admin_customers'}"}= link_to 'Customers', admin_customers_path
(/ _で置き換えられています)。 active_tabは、その入力をcontroller_pathの結果と比較し、それを多くの、または単にタブとしてアクティブに戻します。
私はそれを行う他の方法があるかもしれないと思うが、私は何か良いものを考え出すことができなかった。
関連する問題
- 1. Drupal:Active Menu項目
- 2. Rails 3.単一項目のクエリ
- 3. Rails 3: "ActiveRecord :: Relation"の項目をフィルタリングする方法は?
- 4. Rails + Angular dynamic images
- 5. Dynamic Audio Generation Actionscript 3
- 6. Flex 3 Dynamic RemoteObjectクラス
- 7. Rails 4 - dynamic background image
- 8. ブートストラップ3メニュー項目のドロップダウンメニューを隠す
- 9. Silverlight 3 - TreeView:特定の項目へスクロール
- 10. Djangoテンプレート:3つのグループ項目
- 11. 目的C - respondsToSelector for dynamicプロパティ
- 12. 動的XAMLメニュー項目と静的XAMLメニュー項目の混在
- 13. dynamic 1-2-3 column layout
- 14. バインドリピータ項目とデータ項目
- 15. Jquery Sortable - 必須項目とオプション項目
- 16. 項目
- 17. グループ項目
- 18. アプリケーションメニュー項目Xcode
- 19. ListActivityの項目
- 20. RSS項目に
- 21. Railsの3デザイン:
- 22. jQuery in Rails 3 "Beginning Rails 3"
- 23. パスアレイ項目
- 24. のObservableCollection項目
- 25. ポジショニングフレックス項目が
- 26. Rails 3のXMLファイルからサイドナビゲーションメニューをビルド
- 27. 複数の項目をテキスト項目に重複項目を追加する
- 28. すべての3番目のリスト項目にクラスを適用する
- 29. 選択項目の最後の項目を取得
- 30. AJAX with Rails 3