问题:
点击头部导航栏,左侧菜单栏不能同时加深颜色;点击左侧菜单栏,清空头部导航栏加深颜色效果。
效果图:
当时情景:
布局:herder.php,nav.php同时include_once()在index.php文件中;
代码:
header.php如下:
<li class="nav-header">
介绍
</li>
<li>
<a href="/redirect/index.php"><i class="icon-file"></i> 文档介绍</a>
</li>
<li >
<a href="/redirect/version.php"><i class="icon-file"></i> 版本说明</a>
</li>
<li class="nav-header">
交易
</li>
<li >
<a href="/redirect/business.php"><i class="icon-file"></i> 业务流程时序图</a>
</li>
<li >
<a href="/redirect/submit.php"><i class="icon-file"></i> 提交地址</a>
</li>
<li >
<a href="/redirect/requestParaments.php"><i class="icon-file"></i> 请求参数</a>
</li>
<li >
<a href="/redirect/example.php"><i class="icon-file"></i> 示例代码</a>
</li>
<li >
<a href="/redirect/response.php"><i class="icon-file"></i> 交易响应</a>
</li>
<li >
<a href="/redirect/process.php"><i class="icon-file"></i> 流程图示</a>
</li>
<li >
<a href="/redirect/responseCode.php"><i class="icon-file"></i> 响应代码</a>
</li>
<li >
<a href="/redirect/backCode.php"><i class="icon-file"></i> 服务器回调示例代码</a>
</li>
解决方法:
$(function () {
$(".navbar-nav").find("li").each(function () {
var a = $(this).find("a:first")[0];
var loc = a.pathname.substring(a.pathname.indexOf('/'),a.pathname.lastIndexOf('/'));
if(loc === location.pathname.substring(a.pathname.indexOf('/'),a.pathname.lastIndexOf('/'))){
$(this).addClass("active");
}
$(".nav-list").find("li").each(function () {
var a = $(this).find("a:first")[0];
if ($(a).attr("href") === location.pathname) {
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
})
mongodb yiimongodbsuite
共 0 条评论