导航栏折叠在登录模板上不起作用
Navbar Collapse not working on LoggedInTemplate
我是asp新手,我在使用navbar collapse
时遇到问题。它在主页(匿名模板(中工作正常,但是当我登录时navbar collapsed
不起作用(单击时不展开(。
这是我的代码。我是新来的,所以请温柔一点。对不起这个问题。
感谢任何会回答的人,将不胜感激。
在这里它工作。
在这里它不起作用。
这是我的脚本和 html。
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/wow.min.js" type="text/javascript"></script>
<nav class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<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="Default.aspx"><asp:Image ID="Image1" runat="server" ImageUrl="~/images/service/logo.png"></asp:Image></a>
</div>
<div runat="server" class="collapse navbar-collapse navbar-right">
<asp:LoginView ID="LoginView1" runat="server">
<AnonymousTemplate>
<ul class="nav navbar-nav">
<li><a href="Default.aspx">Home</a></li>
<li><a href="HowItWorks.aspx" >How it works?</a></li>
<li><a href="ContactUs.aspx">Contact us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About us <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="Secure/Default.aspx">Our Customers</a></li>
<li><a href="#">Our Truckers</a></li>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
</ul>
</li>
</ul>
</AnonymousTemplate>
<LoggedInTemplate>
<ul class="nav navbar-nav">
<li><a href="CustomerPage.aspx">My profile</a></li>
<li><a href="AdvancedBooking.aspx" >Advanced Booking</a></li>
<li><a href="#">Transaction History</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About us<i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="Secure/Default.aspx">Our Customers</a></li>
<li><a href="#">Our Truckers</a></li>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
</ul>
</li>
<li><asp:LoginStatus runat="server" /></li>
</ul>
</LoggedInTemplate>
</asp:LoginView>
</div>
</div>
</nav>
尝试对
另一个下拉菜单使用唯一的名称,并将其他数据切换链接到它,如下所示:
<AnonymousTemplate>
<ul class="nav navbar-nav">
<li><a href="Default.aspx">Home</a></li>
<li><a href="HowItWorks.aspx" >How it works?</a></li>
<li><a href="ContactUs.aspx">Contact us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About us <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="Secure/Default.aspx">Our Customers</a></li>
<li><a href="#">Our Truckers</a></li>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
</ul>
</li>
</ul>
</AnonymousTemplate>
<LoggedInTemplate>
<ul class="nav navbar-nav">
<li><a href="CustomerPage.aspx">My profile</a></li>
<li><a href="AdvancedBooking.aspx" >Advanced Booking</a></li>
<li><a href="#">Transaction History</a></li>
<li class="dropdown2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown2">About us<i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="Secure/Default.aspx">Our Customers</a></li>
<li><a href="#">Our Truckers</a></li>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
</ul>
</li>
<li><asp:LoginStatus runat="server" /></li>
</ul>
</LoggedInTemplate>
好的,经过多次测试,我终于得到了答案。我改变了:
<script src="js/bootstrap.min.js" type="text/javascript"></script>
自:
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
在开头添加"/"以在根文件夹中找到它。对不起,如果这是一个愚蠢的错误。我只在 asp.net 开始了 1 个月。我为任何将面临此问题的人发布此答案。
-罗布·
相关文章:
- 我的点击登录在网页上不起作用
- 意思是.js - 登录后重定向用户 - 在本地工作,但在部署时不起作用
- 科尔多瓦脸书登录FB.api调用不起作用
- PHP登录不起作用
- 登录后PHP登录脚本重定向不起作用
- 如果用户登录不起作用,则运行脚本
- 会话在登录页不起作用
- JSP-Javascript-JSP 登录流程不起作用
- $.mobile.changePage() 登录后不起作用
- Facebook 登录在 CN1 JavaScript 端口中不起作用
- Phonegap/Cordova facebook 登录在已经连接时不起作用
- Facebook 登录重定向 PHP/Javascript 不起作用
- HTML 登录不起作用
- $location.path() 在 facebook 登录后不起作用
- 谷歌加登录按钮已呈现,但不起作用
- 使用 JavaScript 启动 Google+ 登录流程不起作用
- 使用 Angular JS 登录,$http请求不起作用
- Facebook自动登录JS在控制台中工作,但在GM脚本中不起作用
- FB.登录响应会话不起作用
- 导航栏折叠在登录模板上不起作用