87,901
社区成员
发帖
与我相关
我的任务
分享
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active"><a target="mainFrame" href="Module/CurrentLocation.aspx">当前位置</a></li>
<li class="purple"><a target="mainFrame" href="Module/TrackPlaybacks/index.aspx">轨迹回放</a></li>
<li><a target="mainFrame" href="Module/ElectronicFence.aspx">电子围栏</a></li>
<li><a target="mainFrame" href="Module/TCommandLogList.aspx">指令日志</a></li>
<li ><a target="mainFrame" href="Module/TimingPositioningList.aspx" >定时定位</a></li>
<li><a target="mainFrame" href="Module/DeviceSet.aspx">设备设置</a></li>
</ul>
</div>
$("nav, ul.nav").each(function () {
var nav = $(this);
nav.find("a").click(function () {
nav.find(".active").removeClass("active");
$(this).parent("li").addClass("active");
});
});
<body style="padding-top: 50px; overflow: hidden;">
<form id="form1" runat="server">
<!-- 菜单 -->
<div id="sidebar">
<nav id="nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid" >
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CNCLBS</a>
</div>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active"><a target="mainFrame" href="Module/CurrentLocation.aspx">当前位置</a></li>
<li class="purple"><a target="mainFrame" href="Module/TrackPlaybacks/index.aspx">轨迹回放</a></li>
<li><a target="mainFrame" href="Module/ElectronicFence.aspx">电子围栏</a></li>
<li><a target="mainFrame" href="Module/TCommandLogList.aspx">指令日志</a></li>
<li ><a target="mainFrame" href="Module/TimingPositioningList.aspx" >定时定位</a></li>
<li><a target="mainFrame" href="Module/DeviceSet.aspx">设备设置</a></li>
<%-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">其它设置<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a target="mainFrame" href="Module/OOBRemind.aspx">越界提醒</a></li>
<li><a target="mainFrame" href="Module/RemoteControl.aspx">远程控制</a></li>
<li><a target="mainFrame" href="Module/WarningRangeSetList.aspx">报警范围设置</a></li>
<li><a target="mainFrame" href="Module/AreaWarningSetList.aspx">区域报警设定</a></li>
</ul>
</li> --%>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<% CNCLBS.Model.LoginInfo info = (CNCLBS.Model.LoginInfo)Session["LoginInfo"]; %>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<%if (info.deviceModel == null || string.IsNullOrEmpty(info.deviceModel.FDeviceName))
{%>
无设备
<% }
else
{%>
<%=info.deviceModel.FDeviceName %>
<% } %>
<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a target="mainFrame" href="Module/DeviceRegister.aspx" onclick="" >注册新设备</a></li>
<li class="divider"></li>
<%--<li><a target="mainFrame" href="Module/.aspx">设备1</a></li>
<li><a target="mainFrame" href="Module/.aspx">设备2</a></li>
<li><a target="mainFrame" href="Module/.aspx">设备3</a></li>--%>
<%
foreach (var model in info.deviceList)
{
%>
<li><a href="javascript:top.location.href='<%=CNCLBS.Utils.Utils.GetUrlMsg() %>main.aspx?device_id=<% =model.FDeviceNo %>'"><%=model.FDeviceName%></a></li>
<%} %>
<%--<asp:DropDownList ID="ddlDevice" runat="server"></asp:DropDownList>--%>
<%-- 设备列表 --%>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <%=info.User.FName %> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="container-fluid">
<iframe id="mainFrame" name="mainFrame" fillh="25" style="width: 100%; border: 0;
margin: 0; padding: 0; overflow: auto;" src="Module/CurrentLocation.aspx"></iframe>
</div>
<div class="navbar-fixed-bottom text-center" style="height: 25px; padding: 3px; margin: 0px;
background-color: #777">
<a href="http://www.cncsys.com.cn" target="_blank" style="color: white"></a>
<span style="color: white; font-size: 12px" id="txtVer" runat="server" />
</div>
</form>
</body>
</html>
$(function(){
var pathname = location.pathname;//找到这个页面的路径
top.$('.navbar-nav a').each(function(){、/加上top遍历主页面navbar中的所有a标签
var href = top.$(this).attr('href');//获取连接地址
if(href.indexOf(pathname) !=-1){//看看是不是包含当前页的路径
top.$('.navbar-nav li').removeClass('active');//有的话首先把active全部去掉
top.$(this).parent().addClass('active');//再给这个加上active
}
})
});
var pathname = location.pathname;
改成
var pathname = $('iframe[name=mainFrame]').attr('src');
这样放在主页面就可以了,上面那个不用考虑了。太二了。$(function(){
var pathname = location.pathname;//找到这个页面的路径
$('.navbar-nav a').each(function(){//遍历所有a标签
var href = $(this).attr('href');//获取连接地址
if(href.indexOf(pathname) !=-1){//看看是不是包含当前页的路径
$('.navbar-nav li').removeClass('active');//有的话首先把active全部去掉
$(this).parent().addClass('active');//再给这个加上active
}
})
});
简单的说就是根据当前页面的URL来判断到底该选择哪个。。当然,条件你可以自己再重写。