我正在使用 Rails，并且有一個 Bootstrap 導航欄。我需要這樣做，以便根據(jù)您單擊的導航欄選項卡（主頁、OOTD、帳戶），它會以某種方式突出顯示它（如白色文本）。我試圖動態(tài)地讓它工作active，甚至使用一個應該切換它的功能，但它不起作用。我的application.html.erb，其中包含我的導航欄：<!DOCTYPE html><html> <head> <title>Finalproj493</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="width: 100%; height: 5vw;"> <ul class="navbar-nav mr-auto nav"> <li class="nav-item"> <a class="nav-link" href="/welcome/index">Home</a> </li> <li class="nav-item 1"> <a class="nav-link" href="/ootd">OOTD</a> </li> <li class="nav-item 2"> <a class="nav-link" href="/account">Account</a> </li> </ul> </nav> <br> <br> <%= yield %> </body></html>我試圖使用該is_active()功能來動態(tài)切換（“Rails”方式），但它不起作用。該函數(shù)在 myapplication_helper.rb中，我在導航欄中添加了對它的函數(shù)調(diào)用（如上所示）：module ApplicationHelper def is_active(action) params[:action] == action ? "active" : nil endend也許我正在以錯誤的方式解決這個問題，但是有人可以提出一種active在 Rails 中結合導航欄樣式的簡單方法嗎？
基于當前選定選項卡的動態(tài)導航欄突出顯示
桃花長相依
2022-07-01 16:47:18
