Сделать виджет карусели недоступным для перетаскивания мышью ⇐ Jquery

[Anonymous]

Я использую виджет карусели в Elementor. На одном из слайдов есть форма с ползунком диапазона.
Ползунок можно перетаскивать, но при этом вся карусель скользит вместе с ним, создавая непреднамеренный параллакс, что делает это невозможным. чтобы правильно использовать ползунок.
Я попробовал следующий код:

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

jQuery(document).ready(function ($) {
// Find the Swiper element inside the nested-carousel widget
var swiperElement = $('.e-n-carousel.swiper')[0];

if (swiperElement && swiperElement.swiper) {
// Access the swiper instance and disable touch dragging
swiperElement.swiper.allowTouchMove = false;
}
});

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

Подробнее здесь: https://stackoverflow.com/questions/790 ... -draggable