Вверху моего * .js-файла я импортирую файл, содержащий:
(($Dom) => {
const cacheDom = () => {
$Dom.window = $(window);
$Dom.document = $(document);
$Dom.html = $('html');
$Dom.body = $('body');
$Dom.site = $('html, body');
};
cacheDom();
})(globals.$Dom = globals.$Dom || {});
, а затем хочу прослушать событие slick-carousel
init.slick
.Если я использую сниппет вот так:
globals.$Dom.document.on('init.slick', '.slider', () => {
//somecode
});
, он не работает.Если я использую этот код:
$(document).on('init.slick', '.slider', () => {
// somecode
});
, он работает нормально.Значения $(document)
и globals.$Dom.document
кажутся абсолютно одинаковыми (указывая на один и тот же элемент).
Что может быть важно, я использую подключаемый модуль webpack:
...
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
"window.$": "jquery"
}),
],
...