События Bootstrap 5.3 не работают в событии jQuery .on ⇐ Jquery

[Гость]

Это такая странная проблема. Никогда раньше у меня не возникало подобных проблем...
Вот мой раскрывающийся список...

Код: Выделить всё

$('#mydropdown').on('show.bs.dropdown', function() {
console.log('hit 1');
});

$(document).on('show.bs.dropdown', '#mydropdown', function() {
console.log('hit 2');
});

Код: Выделить всё

[*]



Dropdown button

[list]
[url=#]Action[/url]
[*][url=#]Another action[/url]
[*][url=#]Something else here[/url]
[/list]

Если я скопирую этот точный код раскрывающегося списка в тестовый проект...< /p>
Раскрывающийся список работает, другой мой jQuery работает, но событие раскрывающегося списка jquery никогда не срабатывает.
Вот мой полный JS-код, который загружается в нижнем колонтитуле. ...

Код: Выделить всё

// load jquery
import $ from 'jquery';

// import bootstrap src js
import 'bootstrap/js/src/alert';
import 'bootstrap/js/src/base-component';
import 'bootstrap/js/src/button';
import 'bootstrap/js/src/carousel';
import 'bootstrap/js/src/collapse';
import 'bootstrap/js/src/dropdown';
import 'bootstrap/js/src/modal';
import 'bootstrap/js/src/offcanvas';
import 'bootstrap/js/src/popover';
import 'bootstrap/js/src/scrollspy';
import 'bootstrap/js/src/tab';
import 'bootstrap/js/src/toast';
import 'bootstrap/js/src/tooltip';

// on ready
$(document).ready(function() {

// this does not work...
$("#mydropdown").on('show.bs.dropdown', function() {
console.log('jquery hit!');
});

// however if I just use the js version, this works!
const myDropdown = document.getElementById('mydropdown')
myDropdown.addEventListener('show.bs.dropdown', event => {
console.log('js hit!');
});

});

Как я могу работать в приведенной выше демонстрации, но не работать в своем проекте.
Буду благодарен за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/781 ... y-on-event