我正在使用引导程序并创建了一个下拉菜单。主要项目是一个在主页上有效但在子页面上无效的链接。
这是我的代码:
<li>
<a href="/preview/#design-centre" class="dropdown-toggle scroll"
data-toggle="dropdown" data-hover="dropdown">
Design Centre <i class="fa fa-angle-down"></i>
</a>
<ul class="menulist dropdown-menu">
<li><a href="/preview/#design-centre">Overview</a></li>
<li><a href="/preview/design-centre.php?action=video-testimonials">Video Testimonials</a></li>
<li><a href="/preview/design-centre.php?action=meet-the-team">Meet The Team</a></li>
<li><a href="/preview/design-centre.php?action=faq">FAQ</a></li>
<li><a href="/preview/design-centre.php?action=contact-us">Contact Us</a></li>
</ul>
</li>
当我单击“设计中心”时,它不会在子页面上执行任何操作,但在主页上会执行任何操作,导航中但不是下拉菜单的所有其他链接都可以工作。
This should工作正常。您想要做的事情本身与 Bootstrap 无关,而只是尝试使用锚链接在文档内导航以及另一个文档的片段。这只是标准的 HTML 标记。
The 片段标识符 http://www.w3.org/TR/REC-html40/intro/intro.html#fragment-uri是 URI 的一部分:
指资源内的位置
只要这些链接单独工作,它们就应该在您的代码中工作。
有些事情可能会搞砸:
- 如果您使用相对 URL,则地址将根据您在导航中的位置而变化。由于您的 href 地址以斜杠开头,因此情况似乎并非如此。
-
您可以尝试转换以下行:
<li><a href="/preview/#design-centre">Overview</a></li>
为此(假设您的根页面是index.html
):
<li><a href="/preview/index.html#design-centre">Overview</a></li>
有时,可以通过资产管道推断页面,但通常最好是明确的。
这是 plunker 中的一个工作示例 http://plnkr.co/edit/FVaHRGX8XoMHMHYjdwGS?p=preview
这是一个可运行的版本 http://run.plnkr.co/plunks/FVaHRGX8XoMHMHYjdwGS/index.html包括一个主页和带有工作片段的子页面
除此之外,我们还需要更多信息来诊断。如果仍然不起作用,请尝试分叉 plunker 并添加明显显示问题的任何更改。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)