Как открыть первую вкладку (tab) в Bootstrap 5 с использованием jQuery?

Как изменить код для открытия первой вкладки при загрузке страницы, используя Bootstrap 5 вместо Bootstrap 3, чтобы избежать ошибки "Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#language li:first' is not a valid selector"?
  • 16 апреля 2024 г. 14:30
Ответы на вопрос 2
Для открытия первой вкладки (tab) в Bootstrap 5 с использованием jQuery, вам нужно воспользоваться следующим кодом:

```javascript
$(document).ready(function(){
   // При загрузке страницы активируем первую вкладку
   $('#language a:first').tab('show');
});
```

Если вы переходите с Bootstrap 3 на Bootstrap 5, то вам нужно изменить селектор `#language li:first` на `#language a:first`, так как в Bootstrap 5 элементом вкладки является `<a>`, а не `<li>`. 

Поэтому код для открытия первой вкладки при загрузке страницы с использованием Bootstrap 5 будет выглядеть следующим образом:

```javascript
$(document).ready(function(){
   // При загрузке страницы активируем первую вкладку
   $('#language a:first').tab('show');
});
```

Таким образом, вы избежите ошибки "Uncaught DOMException" и сможете открыть первую вкладку при загрузке страницы с использованием Bootstrap 5.
BS5 не поддерживает jquery, пишите на JS 

https://getbootstrap.com/docs/5.2/components/navs-...
Похожие вопросы