Нет ошибки js в консоли, вкладка bootstrap4 все еще не работает

veterok2

привет друзья,

Есть идеи, почему вкладка bootstrap4 не работает должным образом? Я не вижу ошибок в консоли.. вот мой HTML

 <!doctype html>


<html class="no-js" lang="zxx">


<head>


<meta charset="utf-8">


<meta http-equiv="x-ua-compatible" content="т.е.=край">


<title>Petcare | Template </title>


<meta name="description" content="">


<meta name="viewport" content="ширина = ширина устройства, начальный масштаб = 1">


<link rel="shortcut icon" type="image/x-icon" href="assets/image/favicon.ico">


<!--google fonts-->


<link href="[URL='https://lumtu.com/yti/Yc33cYXBodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI_ZmFtaWx5PVJvYm90bytTbGFiOndnaHRAMzAwOzQwMDs1MDA7NzAwJmRpc3BsYXk9ckXY']https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap[/URL]" rel="stylesheet">


<!-- CSS here -->


<link rel="stylesheet" href="[URL='https://lumtu.com/yti/cj55jc3NodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC80LjUuMi9jc3MvYm9vdHN0cmFwLm1pbip1m']https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css[/URL]">


<link rel="stylesheet" href="assets/css/flaticon.css">


<link rel="stylesheet" href="assets/css/slick.css">


<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">


<link rel="stylesheet" href="assets/css/style.css">


<style>


/* hide content */


.content {


display: none;


}


.content.active {


display: block;


}


.btn-group {


width: 100%;


}


.btn-group .btn {


width: 50%;


}


</style>


</head>


<body>


<header class="slider_sub_page" id="home">


<nav class="navbar_spa header-sticky">


<div class="container ">


<a class="float-left" href="#"><img class="logo-img" src="assets/image/logo.png" alt="Забота о животных"></a>


<a href="javascript:void(0);" class="icon float-right" onclick="myFunction()">


<i class="fa fa-bars"></i>


</a>


<ul class="navbar_spa_nav float-right">


<li><a href="index.html">Home</a></li>


<li><a href="about.html">About</a></li>


<li><a href="services.html">Services</a></li>


<li><a href="blog.html">Blog</a></li>


<li><a href="contact.html">Contact</a></li>


</ul>


</div>


</nav>


<div id="mySidenav" class="sidenav">


<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>


<ul>


<li><a href="index.html">Home</a></li>


<li><a href="about.html">About</a></li>


<li><a href="services.html">Services</a></li>


<li><a href="blog.html">Blog</a></li>


<li><a href="contact.html">Contact</a></li>


</ul>


</div>


<div class="container">


<div class="row slider_sub_padding">


<div class="col-md-12 text-center">


<h1>About Us</h1>


<p>Lorem ipsum dolor sit amet, </p>


</div>


</div><!--row-->


</div><!--container-->


</header>


<main>


<!--services-->


<div class="services mg-top-40 mg-bot-40">


<div class="container">


<div class="row">


<div class="col-lg-12 col-md-12">


<div class="difference-sub-heading text-center">


<h5>Our Professional Services</h5>


<h2>Best Spa Care Services</h2>


</div><!--difference-sub-heading-->


</div><!--col-lg-12-->


</div><!--row-->


<div class="row">


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40 ">


<div class="services-icon">


<i class="icon-foot-massage"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Foot Message</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40">


<div class="services-icon">


<i class="icon-mortar"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Beauty Treatments</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40">


<div class="services-icon">


<i class="icon-relax"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Relaxing Massage</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40 ">


<div class="services-icon">


<i class="icon-lotion"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Lotion threapy</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40">


<div class="services-icon">


<i class="icon-massage"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Neom Treatment</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


<div class="col-lg-4 col-md-6 col-sm-6">


<div class="single-services text-center mg-bot-40">


<div class="services-icon">


<i class="icon-treatment"></i>


</div><!--services-icon-->


<div class="services-cap">


<h5>Facials</h5>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p>


</div><!--services-cap-->


</div><!--single-services-->


</div><!--col-lg-4-->


</div><!--row-->


</div><!--container-->


</div><!--services-->


<!--[URL='https://lumtu.com/yti/LzVVzLS1odHRwczovL3R1cmtpc2hiYXRoc2hhcnJvZ2F0ZS5jby51ay90aW1lcy1hbmQtcHJpY2pJH']https://www.turkishbathsharrogate.co.uk/times-and-prices--[/URL]>


<!--times & prices section-->


<!--counter section-->


<div class="counter mg-top-40">


<div class="container">


<div class="row">


<div class="col-lg-12 col-md-12">


<div class="time-sub-heading text-center">


<h5>Our Timings &amp; Rates</h5>


<h2>Check Out The Timings</h2>


</div><!--time-sub-heading-->


</div><!--col-lg-12-->


</div><!--row-->


<div class="row">


<div class="col-lg-12 col-md-12">


<h2>Toggleable Tabs</h2>


<br>


<!-- Nav tabs -->


<ul class="nav nav-tabs">


<li class="nav-item">


<a class="nav-link active" data-toggle="tab" href="#home">Home</a>


</li>


<li class="nav-item">


<a class="nav-link" data-toggle="tab" href="#menu1">Menu 1</a>


</li>


<li class="nav-item">


<a class="nav-link" data-toggle="tab" href="#menu2">Menu 2</a>


</li>


</ul>


<!-- Tab panes -->


<div class="tab-content">


<div id="home" class="container tab-pane active"><br>


<h3>HOME</h3>


<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>


</div>


<div id="menu1" class="container tab-pane fade"><br>


<h3>Menu 1</h3>


<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>


</div>


<div id="menu2" class="container tab-pane fade"><br>


<h3>Menu 2</h3>


<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>


</div>


</div>


</div><!--col-lg-12-->


</div><!--row-->


</div><!--container-->


</div><!--counter-->


<!--call-us-->


<div class="call-us pos-relative">


<!--left-image-->


<div class="abs-tbl bg-2 w-20 z--1 hidden-sm hidden-xs">


</div>


<!--right-image-->


<div class="abs-tbr bg-3 w-20 z--1 hidden-sm hidden-xs">


</div>


<div class="container">


<div class="row mg-top-40">


<div class="col-lg-12">


<div class="call-us-title text-center">


<h3>Any Time You can Call us</h3>


<p>Because we know that even the best technology is only as good as the people behind it. 24/7 tech support.</p>


</div><!--call-us-title-->


<div class="contact-btn text-center">


<a href="" class="btn btn-lg btn-pet">Contact us</a>


</div><!--contact-btn-->


</div><!--col-lg-8-->


</div><!--row-->


</div><!--container-->


</div><!--call-us-->


</main>


<!--footer-->


<footer>


<div class="footer-top">


<div class="container">


<div class="row">


<div class="col-lg-3 col-md-3">


<div class="footer-contact">


<div class="footer-logo mg-bot-20">


<a href="index.html"><img src="assets/image/logo.png" alt="Забота о животных"></a>


</div><!--logo-->


<p>


A109 Peter Street<br>


New York, NY 524011<br>


United States <br><br>


<strong>Phone: </strong><i class="fa fa-phone" aria-hidden="true"></i> +1 5688 54788 55<br>


<strong>Email: </strong><i class="fa fa-envelope" aria-hidden="true"></i> [email protected]<br>


</p>


</div><!--footer-contact-->


</div><!--col-lg-3-->


<div class="col-lg-2 col-md-2 footer-links">


<h4>Company</h4>


<ul>


<li><i class="fa fa-chevron-right"></i><a href="">Home</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">About Us</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Services</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Terms of Service</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Privacy Policy</a></li>


</ul>


</div><!--footer-links-->


<div class="col-lg-3 col-md-3 footer-links">


<h4>Our Services</h4>


<ul>


<li><i class="fa fa-chevron-right"></i><a href="">Dog Care</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Cat Care</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Pet Grooming</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Pet Infection Control</a></li>


<li><i class="fa fa-chevron-right"></i><a href="">Doctors Note</a></li>


</ul>


</div><!--footer-links-->


<div class="col-lg-4 col-md-4 footer-newsletter">


<h4>Join Our Newsletter</h4>


<p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>


<form>


<div class="input-group">


<input type="text" class="form-control footer-input" placeholder="Подписаться">


<div class="input-group-btn">


<button class="btn btn-pet" type="submit">Subscribe</button>


</div>


</div>


</form>


</div><!--footer-newsletter-->


</div><!--row-->


</div><!--container-->


</div><!--footer-top-->


<div class="footer-lower">


<div class="container">


<div class="copyright float-left text-center">


&copy; Copyright <strong><span>Petcare</span></strong>.All Rights Reserved


</div><!--copyright-->


<div class="credits float-right text-center">


Designed By <a href="[URL='https://lumtu.com/yti/bvNNvbS9odHRwOi8vd2ViZGVzaWduY3V0Lm0V3']http://www.webdesigncut.com/[/URL]">Webdesigncut</a>


</div><!--credits-->


<div class="clearfix"></div>


</div><!--container-->


</div><!--footer-lower-->


</footer>


<!--preloader-->


<div id="preloader"></div>


<!--back-to-top-->


<a href="#home" class="scroll-link top-link">


<i class="fas fa-chevron-up"></i>


</a>


<!-- JS here -->


<!-- Jquery, Popper, Bootstrap -->


<!-- <script src="[URL='https://lumtu.com/yti/agLLganNodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8zLjUuMS9qcXVlcnkubWluWbu']https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js[/URL]"></script>


<script src="./assets/js/popper.min.js"></script>


<script src="./assets/js/bootstrap.min.js"></script> -->


<script src="[URL='https://lumtu.com/yti/agLLganNodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8zLjUuMS9qcXVlcnkubWluWbu']https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js[/URL]"></script>


<script src="[URL='https://lumtu.com/yti/agLLganNodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9wb3BwZXIuanMvMS4xNi4wL3VtZC9wb3BwZXIubWluWbu']https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js[/URL]"></script>


<script src="[URL='https://lumtu.com/yti/agLLganNodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC80LjUuMi9qcy9ib290c3RyYXAubWluWbu']https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js[/URL]"></script>


<script src = "./assets/js/jquery.waypoints.min.js"></script>


<script src = "./assets/js/counterup.min.js"></script>


<!-- Jquery Slick -->


<script src="./assets/js/slick.min.js"></script>


<!-- Jquery Plugins, main Jquery --> 


<script src="./assets/js/main.js"></script>


<script>


function myFunction() {


let sidenav = document.getElementById("mySidenav");


sidenav.classList.add('show-sidebar');


}


/* Set the width of the side navigation to 0 */


function closeNav() {


let sidenav = document.getElementById("mySidenav");


let close = document.querySelector(".close");


sidenav.classList.remove('show-sidebar');


}


</script>


</body>


</html>

HTML: любая помощь будет оценена по достоинству. Заранее спасибо

John93

Итак, отбросив в сторону отвращение @deathshadow ко всему, что связано с начальной загрузкой, — это тот инструмент, который вы решили использовать.

Я скопировал вашу страницу в код, но поскольку вы не предоставили полные ссылки на CSS и JavaScript, мы не можем проверить код, чтобы увидеть, где он ломается.

 


<script src = "./assets/js/jquery.waypoints.min.js"></script>


<script src = "./assets/js/counterup.min.js"></script>


<!-- Jquery Slick -->


<script src="./assets/js/slick.min.js"></script>


<!-- Jquery Plugins, main Jquery --> 


<script src="./assets/js/main.js"></script>

Код (разметка): Если я выберу Меню 1 и Меню 2, текст ниже будет работать, поэтому мне нужно, чтобы вы объяснили, какая часть «правильной работы» не происходит.

Rubius1

Потому что это крушение поезда, черт возьми, бессмысленное крушение поезда, вызванное невежеством, некомпетентностью и некомпетентностью разработчиков, и есть чушь? Тем более, с такой же тупой BS jquery и использованием JavaScript для вещей, которые, вероятно, даже не следует писать в сценариях?

Найдите палку, чтобы соскоблить этот идиотизм, прежде чем отправляться выслеживать его по коврам Интернета.

Тем не менее, @malky66 прав: было бы легче диагностировать, если бы мы знали, чего вы пытаетесь достичь.

Я могу просто сказать со 100% уверенностью, что бы это ни было, бутбрехня – это НЕ лучший вариант.

Ты просто заставляешь себя работать усерднее и тупее.

О чем свидетельствуют бесконечные бессмысленные классы, бесполезное использование нумерованных заголовков, полное отсутствие логической структуры документа и все остальные невежества типа «глаза могут быть в паутине», типичные для буткрапа и все построено с его помощью. Фактически, если бы вы предоставили работающий образец страницы со всем, что вы к нему подключили, я, возможно, был бы готов бесплатно переписать ее, чтобы показать вам, что я имею в виду.

К сожалению, этого фрагмента недостаточно для этой задачи, как и бессмысленное использование H1..H6, в результате которого я понятия не имею, какой должна быть правильная структура.

Похожие темы	Дата
Делимся ссылками на шрифты	19.10.2024, 18:10
Книги по дизайну, рекламе, полиграфии	19.10.2024, 18:10
Total Noob - Имиджевая реклама	19.10.2024, 18:10
Необходимо создать ссылку на изображение на другой странице, уже содержащей несколько изображений.	19.10.2024, 18:10
Переменная справка HTML	19.10.2024, 18:10
Неперехваченная синтаксическая ошибка: неожиданный токен '<' Я новичок в скобках	19.10.2024, 18:10
Проблема с изменением масштаба избранного изображения AR	19.10.2024, 18:10
Как создать такую боковую панель во всю высоту без использования фонового изображения	19.10.2024, 18:10
Как в Tailwindcss создать модальный диалог, когда страница имеет горизонтальную прокрутку?	19.10.2024, 18:10
Обратная связь в блогах	19.10.2024, 18:10

Нет ошибки js в консоли, вкладка bootstrap4 все еще не работает

veterok2

John93

Rubius1

I AM

Интересно