blocks|key|2918783|text|我会这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2918784|<%25=+link_to+"Some+Page",+some_path,+:class+=>+current_page?+?+"current"+:+""+%25>|code-block|syntax|javascript|2918785|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I'd do it this way :

<pre><code>&lt;%= link_to "Some Page", some_path, :class =&gt; current_page? ? "current" : "" %&gt;
</code></pre>

blocks|key|247331|text|在app/helpers/application_helper.rb中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|247332|def+cp(path)
++"current"+if+current_page?(path)
end|code-block|syntax|javascript|247333|在您的视图中：|247334|<%25=+link_to+"All+Posts",+posts_path,+class:+cp(posts_path)+%25>|247335|基本上，围绕它编写一个简单的包装器。此外，您还可以通过添加参数来扩展该方法，以允许应用其他类。保持视图简洁/干爽。或者，在不扩展该方法的情况下，您可以像这样进行简单的字符串插值来添加额外的类：|247336|<%25=+link_to+"All+Posts",+posts_path,+class:+"#{cp(posts_path)}+additional_class"+%25>|247337|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

In app/helpers/application_helper.rb

<pre><code>def cp(path)
 "current" if current_page?(path)
end
</code></pre>

In your views:

<pre><code>&lt;%= link_to "All Posts", posts_path, class: cp(posts_path) %&gt;
</code></pre>

Basically write a simple wrapper around it. Additionally you could extend the method to allow additional classes to be applied by adding arguments. Keeps the views concise/dry. Or, without extending the method, you could just do simple String interpolation like so to add additional classes:

<pre><code>&lt;%= link_to "All Posts", posts_path, class: "#{cp(posts_path)} additional_class" %&gt;
</code></pre>

blocks|key|3133068|text|我偏离了Michael的回答，调整了助手：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3133069|def+active_class?(*paths)
++active+=+false
++paths.each+{+%7Cpath%7C+active+%7C%7C=+current_page?(path)+}
++active+?+'active'+:+nil
end|code-block|syntax|javascript|3133070|下面是你该如何使用它：|3133071|<%25=+link_to+"Bookings",+bookings_path,+class:+active_class?(bookings_path)+%25>|3133072|如果您有一个可以由多个视图呈现的选项卡，您可以将多个路径传递给它：|3133073|<%25=+content_tag+:li,+class:+active_class?(bookings_path,+action:+'new')+%25>|3133074|最棒的是，如果条件是false，它会插入nil。为什么这样很好？好吧，如果您为class提供了nil，那么它将根本不会在标记上包含类属性。奖金！|offset|length|style|CODE|3133075|entityMap^0|0|0|0|0|0|0|A|5|K|3|13|5|1B|3|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@$Q|13|R|14|S|T]|$Q|15|R|16|S|T]|$Q|17|R|18|S|T]|$Q|19|R|1A|S|T]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|V|$]]

I branched off of Michael's answer and tweaked the helper:

<pre><code>def active_class?(*paths)
 active = false
 paths.each { |path| active ||= current_page?(path) }
 active ? 'active' : nil
end
</code></pre>

Here's how you'd use it:

<pre><code>&lt;%= link_to "Bookings", bookings_path, class: active_class?(bookings_path) %&gt;
</code></pre>

You can pass multiple paths to it in case you have a tab which could be rendered by multiple views:

<pre><code>&lt;%= content_tag :li, class: active_class?(bookings_path, action: 'new') %&gt;
</code></pre>

And the great thing about this is if the conditions are <code>false</code>, it will insert <code>nil</code>. Why is this good? Well, if you provide <code>class</code> with <code>nil</code> it won't include the class attribute on the tag at all. Bonus!

blocks|key|3133084|text|为了避免反复检查link_to方法中的current_page，这里提供了一个自定义帮助器，您可以使用它(将其放在app/views/helpers/application_helpers.rb中|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3133085|def+link_to_active_class(name,+active_class_names,+options+=+{},+html_options+=+{},+&block)
++html_options[:class]+=+html_options[:class].to_s+%2B+active_class_names+if+current_page?(options.to_s)
++link_to+name,+options,+html_options,+&block
end|code-block|syntax|javascript|3133086|示例用法：|3133087|<div>+<%25=+link_to_active_class('Dashboard',+'bright_blue',+dashboard_path,+class:+'link_decor')+</div>|3133088|如果你使用的是http://example.com/dashboard，那么它应该返回：|3133089|<div>+<a+href='/dashboard'+class='link_decor+bright_blue'>Dashboard</a>+</div>|3133090|致以问候。|3133091|entityMap^0|8|7|1L|14|0|0|0|0|7|S|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|18|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|V|$]]

In the interest of not having to repeat your self too much by having to check current_page inside the <code>link_to</code> method all the time, here's a custom helper that you can use (put this in <code>app/views/helpers/application_helpers.rb</code>

<pre><code>def link_to_active_class(name, active_class_names, options = {}, html_options = {}, &amp;block)
 html_options[:class] = html_options[:class].to_s + active_class_names if current_page?(options.to_s)
 link_to name, options, html_options, &amp;block
end
</code></pre>

Example usage:

<pre><code>&lt;div&gt; &lt;%= link_to_active_class('Dashboard', 'bright_blue', dashboard_path, class: 'link_decor') &lt;/div&gt;
</code></pre>

if you are on <code>http://example.com/dashboard</code>, then it should return:

<pre><code>&lt;div&gt; &lt;a href='/dashboard' class='link_decor bright_blue'&gt;Dashboard&lt;/a&gt; &lt;/div&gt;
</code></pre>

Regards.

blocks|key|3133174|text|在我的例子中，我有很多名称间隔的控制器，这就是为什么我喜欢显示当前视图是否也在菜单路径中，我已经使用了Michael+van+Rooijen的解决方案，然后我根据我的情况进行了定制。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3133175|辅助对象|3133176|def+cp(path)
++"current"+if+request.url.include?(path)
end|code-block|syntax|javascript|3133177|视图|3133178|<%25=+link_to+"All+Posts",+posts_path,+class:+cp(posts_path)+%25>|3133179|现在，如果我的菜单栏是/users，而我的当前页面是/users/10/post，那么链接/users也被设置为"+current“类|3133180|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

In my case I have a lot of name spaced controllers, that is why I like to show if the current view also is in the Menu Path, I had use the solution of Michael van Rooijen and then I customize for my case.

<h3>Helper</h3>

<pre><code>def cp(path)
 "current" if request.url.include?(path)
end
</code></pre>

<h3>View</h3>

<pre><code>&lt;%= link_to "All Posts", posts_path, class: cp(posts_path) %&gt;
</code></pre>

Now if my menu bar is /users and my current page is /users/10/post also the link /users is set with "current" class

blocks|key|242523|text|Eric+Boehs解决方案的变体(最健壮的IMHO)，如果您直接链接到类的对象(即不显示索引)，则添加了应用程序助手：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|242524|def+booking_link
+Booking.find(8)
end|code-block|syntax|javascript|242525|您可以在视图中使用以下内容(+dd在zurb+foundation的上下文中使用)|242526|<%25=+content_tag+:dd,+link_to(t('hints.book'),+booking_link),+class:+active_class?(booking_path)+%25>-|242527|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

A variant to Eric Boehs solution (the most robust one IMHO), if you are linking directly to an object of the class (i.e. you don't show the index), with an added application helper:

<pre><code>def booking_link
 Booking.find(8)
end
</code></pre>

You can use the following in the view (the dd is used in the context of zurb foundation)

<pre><code>&lt;%= content_tag :dd, link_to(t('hints.book'), booking_link), class: active_class?(booking_path) %&gt;-
</code></pre>

blocks|key|2918969|text|我认为如果你从你的帮助器方法中生成整个link_to会是个好主意。为什么要重复相同的代码(+:-)+DRY原则)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2918970|def+create_link(text,+path)
++class_name+=+current_page?(path)+?+'current'+:+'any_other_class'

++link_to+text,+path,+class:+class_name
end|code-block|syntax|javascript|2918971|现在，您可以使用like：|2918972|将呈现为<a+href="/any"+class="current">xyz</a>的<%25=+create_link+'xyz',+any_path+%25>+(在视图中)|2918973|希望它能帮上忙！|2918974|entityMap^0|J|7|0|0|0|4|12|17|Y|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

I think if would be good idea if you generate whole <code>link_to</code> from your helper method. Why to repeat the same code ( :-) DRY principle)

<pre><code>def create_link(text, path)
 class_name = current_page?(path) ? 'current' : 'any_other_class'

 link_to text, path, class: class_name
end
</code></pre>

Now you can use like:

<code>&lt;%= create_link 'xyz', any_path %&gt;</code> (in views) which would render as <code>&lt;a href="/any" class="current"&gt;xyz&lt;/a&gt;</code>

Hope it helps!

blocks|key|244788|text|我试着把上面提到的几种技术和我自己的需求结合起来。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|244789|def+current_page(path)
++'current'+if+current_page?(path)
end

def+create_nav_link(string,+path,+method)
++link_to+string,+path,+data:+{+hover:+string+},+method:+method
end

def+create_nav_item(string,+path,+method+=+nil)
++content_tag+:li,+create_nav_link(string,+path,+method),+class:+current_page(path)
end|code-block|syntax|javascript|244790|基本上，它允许您像这样使用：create_nav_item("profile",+profile_path)，这将导致：<li><a+href="/profile"+data-hover="Profile">Profile</a></li>，|offset|length|style|CODE|244791|如果这是当前页面，则返回<li+class="current"><a+href="/profile"+data-hover="Profile">Profile</a></li>。|244792|我没有使用request.url.include?(path)，因为它总是会突出显示“主页”按钮，而且到目前为止我想不出有什么替代方法。|244793|entityMap^0|0|0|E|14|1O|1O|0|C|24|0|5|Q|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@$I|V|J|W|K|L]|$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@$I|10|J|11|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|12|8|@$I|13|J|14|K|L]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|R|$]]

I tried to combine a couple of the mentioned techniques with my own needs.

<pre><code>def current_page(path)
 'current' if current_page?(path)
end

def create_nav_link(string, path, method)
 link_to string, path, data: { hover: string }, method: method
end

def create_nav_item(string, path, method = nil)
 content_tag :li, create_nav_link(string, path, method), class: current_page(path)
end
</code></pre>

Basically it allows you to use it like this:
<code>create_nav_item("profile", profile_path)</code> which will result in:
<code>&lt;li&gt;&lt;a href="/profile" data-hover="Profile"&gt;Profile&lt;/a&gt;&lt;/li&gt;</code>,

or <code>&lt;li class="current"&gt;&lt;a href="/profile" data-hover="Profile"&gt;Profile&lt;/a&gt;&lt;/li&gt;</code> if this is the current page.

I didn't use <code>request.url.include?(path)</code> since it will also always highlight the "Home" button, and I couldn't think of a work around by far.

For the following code:

<pre><code>&lt;%= link_to "Some Page", some_path %&gt;
</code></pre>

How do I apply a css class <code>current</code> using the <code>current_page?‎</code> helper method?

Or if some other better way is available?

Best way to highlight current page in Rails 3? -- apply a css class to links conditionally

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

以获取以下代码：<%= link_to "Some Page", some_path %>如何使用current current_page?‎ 帮助器方法应用的css类？或者是否有其他更好的方法可用？

问在Rails3中突出显示当前页面的最佳方式是什么？--有条件地将css类应用于链接
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Rails3中突出显示当前页面的最佳方式是什么？--有条件地将css类应用于链接EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Rails3中突出显示当前页面的最佳方式是什么？--有条件地将css类应用于链接
EN