gpt4 book ai didi

ruby-on-rails - 为一页 Bootstrap 网站获取动态事件 li

转载 作者:行者123 更新时间:2023-12-01 11:24:01 24 4
gpt4 key购买 nike

我想在当前页面上为 li 设置动态属性 active。我看到了这个话题:How to get Twitter-Bootstrap navigation to show active link? ,但解决方案对我不起作用。我没有用于部分 View 的特定 Controller 。方法 current_page 不适用于 href。我不使用定义的路由,这就是为什么没有 link_to 的原因。

我尝试使用 data-toggle="pills",在导航栏上正确标记当前点击的链接,但不是引用(未更改 View )。

    li
a.waves-effect.waves-light href="#{root_path}#slider" Home
li
a.waves-effect.waves-light href="#{root_path}#about" About us
li
a.waves-effect.waves-light href="#{root_path}#price" Price
li
a.waves-effect.waves-light href="#{root_path}#contact" Contact

最佳答案

Twitter Bootstrap 选项卡默认为“单页”,并且应该立即适用于您的情况。检查你的 parent <ul> .您的代码应如下所示:

<ul class="nav nav-tabs">
<li class="active waves-effect waves-light">
<a href="#slider" data-toggle="tab">Home</a>
</li>
<li class="waves-effect waves-light">
<a href="#about" data-toggle="tab">About us</a>
</li>
<li class="waves-effect waves-light">
<a href="#price" data-toggle="tab">Price</a>
</li>
<li class="waves-effect waves-light">
<a href="#contact" data-toggle="tab">Contact</a>
</li>
</ul>

注意:您不需要 root_path在您的链接中,因为这实际上会打开一个新页面,而您不希望这样,因为您的页面是单页

关于ruby-on-rails - 为一页 Bootstrap 网站获取动态事件 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39274359/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com