Jquery 引导下拉菜单-不在子页面上工作
我正在使用引导并创建了一个下拉菜单。主项是一个链接,它可以在主页上工作,但不能在子页面上工作 这是我的密码:Jquery 引导下拉菜单-不在子页面上工作,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我正在使用引导并创建了一个下拉菜单。主项是一个链接,它可以在主页上工作,但不能在子页面上工作 这是我的密码: 当我点击Design Center时,它不会在子页面上做任何事情,但在主页上它会做任何事情,导航中的所有其他链接都会工作,但不是下拉菜单。试试这个 请检查在不起作用的页面的源代码中是否有带有id=“design Center”的元素(可能是锚定,通常也与名称属性一起使用)。可能没有,但主页上会有。它是用来作为一种页面内导航的。单击末尾有散列(#)的链接会触发
当我点击Design Center时,它不会在子页面上做任何事情,但在主页上它会做任何事情,导航中的所有其他链接都会工作,但不是下拉菜单。试试这个
请检查在不起作用的页面的源代码中是否有带有id=“design Center”
的元素(可能是锚定
,通常也与名称
属性一起使用)。可能没有,但主页上会有。它是用来作为一种页面内导航的。单击末尾有散列(#
)的链接会触发浏览器查找具有相应id
的元素,并滚动视口,使其位于顶部。这应该可以正常工作。您试图做的事情本身与引导无关,只是尝试使用锚链接在文档内导航,也可以导航到另一个文档的片段。这只是标准的HTML标记
是URI的以下部分:
指资源中的位置
只要这些链接单独工作,它们就应该在您的代码中工作
有些事情可能会把事情搞砸:
- 如果您使用的是相对URL,则地址将根据您在导航中的位置而更改。因为您的href地址是以斜杠开头的,所以情况似乎并非如此
- 您可以尝试转换以下行:
有时,可以通过您的资产管道推断页面,但通常最好是显式的<li><a href="/preview/#design-centre">Overview</a></li>
除此之外,我们还需要更多的信息来诊断。如果仍然不起作用,请尝试使用Plunk并添加任何明显显示问题的更改。因为这是一个下拉列表。我认为您不需要将href添加到锚标记中 您只需在href中保留一个# 这是最新的代码
-
这是因为主页Url链接停止导航。如果你也能为主页实现阳离子,那就更好了。大多数带有引导的动画位都是javascript驱动的,我敢打赌这就是问题所在。你能添加足够的代码来重现你的问题吗?Avijit,如果你要添加可运行的代码段,请包括所有必需的库,以便它实际运行。对于引导,您可以单击以查看要添加到代码段的html列表。否则,您可以省略,谢谢您的提醒。我添加了所需的库@KyleMit
<li><a href="/preview/#design-centre">Overview</a></li>
<li><a href="/preview/index.html#design-centre">Overview</a></li>