0
2 개의 드롭 다운 목록 중 하나는 작동하지만 다른 하나는 모바일보기에서 작동하지 않습니다. 모바일보기에서 토글 하단을 클릭 한 후 첫 번째 드롭 다운 만 드롭 다운 목록의 작동 나머지는 작동하지 않습니다. 왜 드롭 다운 목록 중 하나만 작동하는 나머지 드롭 다운 목록이 작동하지 않는 것입니까? 나는이 같은 ASP.net 메뉴와 함께 부트 스트랩 4.0을 사용하고 있습니다 (및 작동)드롭 다운 목록이 asp.net의 모바일보기에서 작동하지 않습니다.
<body>
<form id="form1" runat="server">
<link rel="stylesheet" href='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
media="screen" />
<script type="text/javascript" src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
class="icon-bar"></span><span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="List"
IncludeStyleBlock="false" StaticMenuStyle-CssClass="nav navbar-nav" DynamicMenuStyle-CssClass="dropdown-menu">
<Items>
<asp:MenuItem Text="Drop Down" NavigateUrl="#">
<asp:MenuItem Text="two" NavigateUrl="#" />
<asp:MenuItem Text="three" NavigateUrl="#" />
<asp:MenuItem Text="six" NavigateUrl="#" />
</asp:MenuItem>
<asp:MenuItem Text="Drop Down 2" NavigateUrl="#">
<asp:MenuItem Text="four" NavigateUrl="#" />
<asp:MenuItem Text="five" NavigateUrl="#" />
<asp:MenuItem Text="six" NavigateUrl="#" />
</asp:MenuItem>
</Items>
</asp:Menu>
</div>
</div>
</div>
<script type="text/javascript">
//Disable the default MouseOver functionality of ASP.Net Menu control.
Sys.WebForms.Menu._elementObjectMapper.getMappedObject = function() {
return false;
};
$(function() {
//Remove the style attributes.
$(".navbar-nav li, .navbar-nav a, .navbar-nav ul").removeAttr('style');
//Apply the Bootstrap class to the SubMenu.
$(".dropdown-menu").closest("li").removeClass().addClass("dropdown-toggle");
//Apply the Bootstrap properties to the SubMenu.
$(".dropdown-toggle").find("a").eq(0).attr("data-toggle", "dropdown").attr("aria-haspopup", "true").attr("aria-expanded", "false").append("<span class='caret'></span>");
//Apply the Bootstrap "active" class to the selected Menu item.
$("a.selected").closest("li").addClass("active");
$("a.selected").closest(".dropdown-toggle").addClass("active");
});
</script>
<hr />
</form>
</body>