问题描述
第一次来。我正在尝试通过侧边栏顶部的专用按钮折叠主页侧边栏。我尝试使用各种示例,但未能成功。当我按下按钮时,它会移动到左侧并拉动页面内容,但是侧边栏不会将自身最小化到左侧,并且除了拉伸整个页面外,基本上没有任何反应。 任何帮助解决该问题的帮助将不胜感激。 附加了我的_Layout和主视图(索引)。
我的_Layout代码:
def getNumbers( input ):
# Collect Info
compile = ""
complete = []
for letter in input:
# If compiled string
if compile:
# If compiled and letter are same type,append letter
if compile.isdigit() == letter.isdigit():
compile += letter
# If compiled and letter are different types,append compiled string,and begin with letter
else:
complete.append( compile )
compile = letter
# If no compiled string,begin with letter
else:
compile = letter
# Append leftover compiled string
if compile:
complete.append( compile )
# Return numbers only
numbers = [ word for word in complete if word.isdigit() ]
return numbers
主视图索引代码:
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8" />
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>@ViewBag.Title - My Title
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@*Sidebar link references*@
<link rel="stylesheet" href="~/Content/bootstrap-reboot.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<link rel="stylesheet" href="~/Content/style.css">
</head>
<body>
<a href="/Home/Home" class="navbar-brand">
<img src="~/Content/Images/logo.png" alt="Company logo" width="150" height="100" /><br><b style="color: #008aff">
</b><br />
</a>
<div class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="collapse navbar-collapse bg-dark" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav=item active">
@Html.ActionLink(Phrasie.Resources.Indexes.Home,"Index","Home",new { area = "" },new { @class = "nav-link" })
<span class="sr-only">(current)</span>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Options
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@Html.ActionLink("NAME","Movies")
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">More options here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">More Stuff</a>
</div>
</li>
<li class="nav-item active">@Html.ActionLink(SolutionName.Resources.Indexes.About,"About",new { @class = "nav-link" })</li>
<li class="nav-item active">@Html.ActionLink(SolutionName.Resources.Indexes.Contact,"Contact",new { @class = "nav-link" })</li>
</ul>
@Html.Partial("_LanguagePartial")
</div>
</div>
@*Search bar logic*@
@using (Html.BeginForm("Index","Movies",FormMethod.Get))
{
<nav class="navbar navbar-light sticky-top bg-light flex-md-Nowrap p-0 shadow">
<div class="input-group py-1 px-2 px-md-0">
<input class="form-control form-control-dark w-100" type="text" placeholder="Search here" id="searchString" name="searchString" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-outline-dark my-auto" type="submit">Search</button>
</div>
</div>
</nav>
}
<div class="container body-content">
@RenderBody()
<footer>
<p>© @DateTime.Now.Year - ASP.NET
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts",required: false)
@*Sidebar script logic*@
<script src="~/Scripts/jquery-3.5.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="~/Scripts/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="~/Scripts/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
$('#sidebarCollapse').on('click',function () {
$('#sidebar').toggleClass('active');
});
});
</script>
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)