const myModals = Array.from(document.querySelectorAll('.modal'))
myModals.forEach(modal => {
modal.addEventListener('show.bs.modal', function (event) {
window.location.hash = event.target.id
})
modal.addEventListener('hide.bs.modal', function (event) {
history.replaceState(null, null, ' ');
})
})Благодаря усовершенствованию интерфейсных инструментов разработки и поддержке браузеров, теперь мы можем отказаться от jQuery как зависимости, но иначе вы никогда не заметите. Этот переход был огромным делом для @ Johann-S , нашего основного разработчика JavaScript в наши дни. Это знаменует собой одно из крупнейших изменений в структуре за последние годы и означает, что проекты, построенные на Bootstrap 5, будут значительно легче по размеру файла и загрузке страницы.
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px
);-
var items = [{
img: '',
title: 'semf ucuk',
description: ""
},
{
img: '',
title: 'semf ucuk',
description: ""
},
{
img: '',
title: 'dik',
description: ""
},
{
img: '',
title: 'jeng',
description: ""
},
{
img: '',
title: 'pet',
description: ""
}]
each item in items
div.card
.title!=item.title
.desc!=item.descriptiontry {
window.dispatchEvent(new Event('resize'));
} catch (e) {
var resizeEvent = window.document.createEvent('UIEvents');
resizeEvent.initUIEvent('resize', true, false, window, 0);
window.dispatchEvent(resizeEvent);
}mySwiper.update();