Javascript 我想知道如何获取页面url以在侧导航栏中打开菜单
这是我的导航栏我想做的是编写javascript或jQuery以获取当前页面url并打开相应的下拉容器我想根据我编写的javascript的url打开侧导航部分,但它不起作用Javascript 我想知道如何获取页面url以在侧导航栏中打开菜单,javascript,html,jquery,css,Javascript,Html,Jquery,Css,这是我的导航栏我想做的是编写javascript或jQuery以获取当前页面url并打开相应的下拉容器我想根据我编写的javascript的url打开侧导航部分,但它不起作用 $(function() { if (window.location.href.indexOf("home") > -1) $('.dropdown-toggle.home').dropdown('toggle'); else if (window.location.href.index
$(function() {
if (window.location.href.indexOf("home") > -1)
$('.dropdown-toggle.home').dropdown('toggle');
else if (window.location.href.indexOf("FRAMEWORKS") > -1)
$('.dropdown-toggle.FRAMEWORKS').dropdown('toggle');
else if (window.location.href.indexOf("Strategize phase") > -1)
$('.dropdown-toggle.Strategize phase').dropdown('toggle');
else if (window.location.href.indexOf("Standardize phase") > -1)
$('.dropdown-toggle.Standardize phase').dropdown('toggle');
else if (window.location.href.indexOf("Implement phase") > -1)
$('.dropdown-toggle.Implement phase').dropdown('toggle');
else if (window.location.href.indexOf("Integrate phase") > -1)
$('.dropdown-toggle.Integrate phase').dropdown('toggle');
else (window.location.href.indexOf("About") > -1)
$('.dropdown-toggle.ABOUT').dropdown('toggle');
});
家
<button id class="dropdown-btn FRAMEWORKS" href="#">FRAMEWORKS <i class="fa fa-caret-down"></i></button>
<div class="dropdown-container">
<div class="sub">
<a href="#">Framework</a>
<button class="dropdown-btn" href="#">Strategize phase<i class="fa fa-caret-down"></i></button>
<div class="dropdown-container">
<div class="subSub">
<a href="#">Enterprise Innovation Audit Canvas</a>
<a href="#">Pre-Audit Business Definition Questions</a>
<button class="dropdown-btn" href="#">Tools and Canvases for the Enterprise Innovation Capability Audit<i class="fa fa-caret-down"></i></button>
<div class="dropdown-container">
<div class="subSubSub">
<a href="#">Enterprise Innovation Maturity Canvas</a>
<a href="#">Enterprise Innovation Maturity Evaluation Grid Canvas</a>
<a href="#">Enterprise Innovation Maturity Road map Canvas</a>
</div>
</div>
</div>
</div>
</div>
<button class="dropdown-btn" href="#">Standardize Phaze<i class="fa fa-caret-down"></i></button>
<div class="dropdown-container">
<div class="subSub">
<button class="dropdown-btn" href="#">Innovation Culture Fostering Approach<i class="fa fa-caret-down"></i></button>
<div class="dropdown-container">
<div class="subSubSub">
<a href="#">Innovation Fostering Approach Summary</a>
<a href="#">4I- Inspire, Ideate, Implement and Impact Enterprise Innovation Fostering Model</a>
<a href="#">Enterprise Team Inventiveness Persona</a>
</div>
</div>
框架
战略制定阶段
企业创新能力审计的工具和画布
标准化Phaze
创新文化培育途径
我不太确定您的问题想要达到什么目的,但这里有一个与您的问题相关的小代码片段,基于:
如果你想学,试试看
如果要在您的环境中使用它,您必须确保您的URL包含一个单词,您可以通过以下方式找到:
window.location.href.indexOf(...)
e、 g:
在这种情况下,您的“框架”下拉列表将在加载文档后打开
$(document).ready(function(){
if (window.location.href.indexOf("FRAMEWORKS") > -1){
$('#my-id-FRAMEWORKS').dropdown("toggle");
}
});
欢迎来到SO,因为这不是一个代码编写服务,我建议你去了解如何最好地问你的问题。对不起,我是新来的,不能添加我使用过的代码片段,不要把它当成个人问题