Итак, я начал создавать новый веб-сайт, когда пересек этот шаблон с открытым исходным кодом. Однако когда я начал играть с элементами, я обнаружил, что переключатель боковой панели не работает. Я создал файл HTML, в котором есть основной код для пустой страницы, но я поместил блок кода для боковой панели и верхнюю панель в другой файл HTML, и я просто использую JS для вызова их на странице следующим образом:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>MotorDoctor</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />
<%--<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">--%>
<link href="css/google-apis.css" rel="stylesheet" />
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet"/>
</head>
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
<div id="nav-sidebar"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<div id="nav-topbar"></div>
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Blank Page</h1>
</div>
<!-- /.container-fluid/ Page Content -->
</div>
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright © My Website 2019</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
</div>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
</body>
</html>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<%--<script type="text/javascript" src="/js/main.js"></script>--%>
<script>
$(function(){
$("#nav-topbar").load("topbar.html");
$("#nav-sidebar").load("sidebar.html");
});
</script>
Понятия не имею, почему это не сработало. Я проверил другие элементы, и он работал просто отлично. Это просто боковая панель переключения, которая не сделала. Любая помощь или идеи будут оценены. Ура! * * 1004