【问题标题】:dropdown-item href not working下拉项目href不起作用
【发布时间】:2017-11-02 16:37:24
【问题描述】:

我有一个 bootstrap 4 导航栏,除了一个链接外,它运行良好。 “trainee-portal.php”的链接在点击时没有任何作用。这是代码。

    <li class="nav-item dropdown" style="padding: 10px 15px;">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" id="trainees">Trainees</a>
    <div class="dropdown-menu">
      <ul>
        <li><a id="authorRegistration" href="<?php echo site_path(); ?>author-registration.php" class="pseudologin dropdown-item">Become an author</a></li>
        <li><a id="editUserRegistration" href="<?php echo site_path(); ?>user-registration.php" class="pseudologin dropdown-item">Edit my profile</a></li>
        <li><a id="learnerProgress" href="#" class="pseudologin dropdown-item">Resume my cases</a></li>
        <li><a id="learnerPortal" href="<?php echo site_path(); ?>trainee-portal.php" class="pseudologin dropdown-item">Trainee Portal</a></li>
      </ul>
    </div>
    </li>

href 是正确的,因为它适用于无序列表中的所有其他链接,而且我可以右键单击该项目并在另一个选项卡中打开“trainee-portal.php”。我尝试删除类,甚至将类下拉项更改为导航链接。它看起来不同,但点击时没有任何反应。我改变了列表中的位置。没有。我删除了 href 中的 php 代码以使链接相对。没有。我用另一个 ID 重新输入了链接。没有。顺便说一句,伪登录只是在用户尚未登录时打开登录表单。它可以工作,但我也尝试将其删除。没有。我错过了什么明显的东西吗? 在等待您的输入时,我将使用 javascript 进行导航,但这违背了 href 的目的。

提前感谢您的帮助。

【问题讨论】:

    标签: html bootstrap-4


    【解决方案1】:

    如果您将“恢复我的案例”链接放在列表的最底部,它会打开吗?如果是这样,我会进入浏览器的“检查”>“网络”部分,看看我的分页上是否有东西阻止它。

    【讨论】:

    • 感谢您的回复哈雷。这没什么区别。我认为 href="#" 可能会以某种方式干扰后面的 href = "a real link path" 但它没有任何区别。奇怪吗?
    猜你喜欢
    • 1970-01-01
    • 2021-10-23
    • 2017-06-17
    • 1970-01-01
    • 2020-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多