母版页面中的Bootswatch下拉菜单不起作用 [英] Bootswatch dropdown in masterpage not working
问题描述
我正在使用Bootswatch(日记主题).选择导航栏选项之一时,下拉菜单项不会出现.
在脚本"目录中,我有以下文件-bootstrap-dropdown.js,bootstrap.min.js,dropdown.js,jquery-1.7.1.js,jquery-1.7.1.min.js >
在我的目录"Styles \ bootstrap \ css \"中,我有以下ff文件-bootstrap-sensitive.css,bootstrap-active.min.css,bootstrap.min.css
我想我缺少了我无法解决的问题.谢谢!
<title></title>
<link href="~/Styles/bootstrap/css/bootstrap.min.css" rel="Stylesheet" type="text/css" />
<link href="~/Styles/bootstrap/css/bootstrap-responsive.min.css" rel="Stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
<asp:HiddenField runat="server" ID="hfUsername"/>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<a class="brand" href="#">WSTwitter</a>
<li class="active"><a href="../User/Tweets.aspx">add a tweet</a></li>
<li class="dropdown" id="accountmenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">post company tweets<b class="caret"></b></a>
</li>
<li class="dropdown" id="Li1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">admin<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="../User/Account.aspx">Account</a></li>
<li><a href="../Admin/Users.aspx">Users</a></li>
<li><a href="../User/Clients.aspx">Clients</a></li>
<li><a href="../User/Links.aspx">Links</a></li>
<li><a href="#" onclick="window.open('../RSS.aspx?user='+document.getElementById('hfUsername').value,'_blank');">rss feed</a></li>
<%-- <li class="divider"></li> --%>
</ul>
</li>
<li><a href="../Account/Logout.aspx">Logout</a></li>
</ul>
</div>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
</form>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
});
</script>
1-如果此"bootstrap-dropdown.js"不是您自己的代码,则不需要此代码,因为您可以在"bootstrap.min"中找到此代码.js".对于CSS,您只需要这个bootstrap-sensitive.min.css,bootstrap.min.css,仅需您自己的CSS.
2-确保正确加载:
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
3-尝试使用更新的jQuery文件
我认为您的html代码的结构正确无误,但我没有发现任何错误.
I am using Bootswatch (Journal theme). The dropdown items won't appear when one of the navigation bar options is selected.
In my directory 'Scripts\' I have the files - bootstrap-dropdown.js, bootstrap.min.js, dropdown.js, jquery-1.7.1.js, jquery-1.7.1.min.js
In my directory 'Styles\bootstrap\css\' I have the ff files - bootstrap-responsive.css, bootstrap-responsive.min.css, bootstrap.min.css
I think I am missing something I can't figured out. Thanks!
<title></title>
<link href="~/Styles/bootstrap/css/bootstrap.min.css" rel="Stylesheet" type="text/css" />
<link href="~/Styles/bootstrap/css/bootstrap-responsive.min.css" rel="Stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
<asp:HiddenField runat="server" ID="hfUsername"/>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<a class="brand" href="#">WSTwitter</a>
<li class="active"><a href="../User/Tweets.aspx">add a tweet</a></li>
<li class="dropdown" id="accountmenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">post company tweets<b class="caret"></b></a>
</li>
<li class="dropdown" id="Li1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">admin<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="../User/Account.aspx">Account</a></li>
<li><a href="../Admin/Users.aspx">Users</a></li>
<li><a href="../User/Clients.aspx">Clients</a></li>
<li><a href="../User/Links.aspx">Links</a></li>
<li><a href="#" onclick="window.open('../RSS.aspx?user='+document.getElementById('hfUsername').value,'_blank');">rss feed</a></li>
<%-- <li class="divider"></li> --%>
</ul>
</li>
<li><a href="../Account/Logout.aspx">Logout</a></li>
</ul>
</div>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
</form>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
});
</script>
1 - if this "bootstrap-dropdown.js" is not your own code, you dont need this, because this code you can find in "bootstrap.min.js". And for css you just need this bootstrap-responsive.min.css, bootstrap.min.css, nothing more, just your own css.
2 - be sure this is load correctly:
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
3 - try to use a newer jQuery file
i think the struture of your html code is correctly, i didnt see nothing wrong.
这篇关于母版页面中的Bootswatch下拉菜单不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!