【问题标题】:Navbar works only one time on rails导航栏在轨道上只工作一次
【发布时间】:2020-01-29 14:30:58
【问题描述】:

我在 Rails 上做一个应用程序,但我的导航栏有问题。 我在引导程序上使用它,当我点击我的一个链接时,它只在第一次工作,如果我点击另一个链接,它会将我重定向到主页部分。我必须实现使链接再次起作用,但仅适用于第一次点击。
你有解决方案吗? 这是我的代码:

<nav class="navbar fixed-top navbar-expand-lg ">
    <h3 class="navbar-brand"></h3>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon">
            <i class="fas fa-bars"></i>
        </span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <%=link_to "Accueil", '#view', class:"nav-link"%></li>
            <li class="nav-item">
                <%=link_to "A propos", '#about', class:"nav-link"%>
            </li>
            <li class="nav-item">
                <%=link_to "Compétences", '#skills', class:"nav-link"%>
            </li>
            <li class="nav-item">
                <%=link_to "Etudes", '#education', class:"nav-link"%>
            </li>
        </ul>
    </div>
</nav>

我的四个部分有一个正确名称的 id。

非常感谢。

编辑:谢谢大家,我找到了答案。
我有一个旧链接指向一个 .css 文件,该文件在我的 .css 文件中不再存在。当我删除它时,导航栏会起作用。 我的错 !

【问题讨论】:

  • 这里有没有涉及到javascript?那应该只生成普通的旧锚链接,因此浏览器转到另一个元素是没有意义的。尝试通过提供一个完整的示例来帮助我们帮助您。 stackoverflow.com/help/minimal-reproducible-example
  • 没有 Js,但我找到了解决方案,我脑子里有一个旧链接,总是一件坏事。谢谢你的回答

标签: html ruby-on-rails


【解决方案1】:

尝试使用&lt;li&gt;&lt;%= link_to "Etudes", product_path(anchor: 'education') %&gt;&lt;/li&gt; 而不是&lt;li&gt;&lt;%=link_to "Etudes", '#education'%&gt;&lt;/li&gt;

来自the docs

【讨论】:

    猜你喜欢
    • 2013-03-21
    • 2014-08-09
    • 2019-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多