Форма внутри Сова Карусель версия 1 и 2

Question

Я строю простую форму внутри Карусели Сов, но не могу заставить ее работать над их версией 2.

Проблема заключается в том, что когда пользователь щелкает внутри типа ввода во второй версии, журнал консоли выдает ошибку:Uncaught TypeError: Невозможно прочитать свойство 'name' из undefined.

на первой версии все работает нормально. Вот скрипка для v1. Мне просто интересно, может ли кто-нибудь взглянуть, я попробовал использовать mouseDrag: false, но это не сработало.

А вот ссылка на версию 2, и код выглядит так:

$(document).ready(function () {
        var owl = $('.owl-carousel');
        owl.owlCarousel({
            items:1,
            mouseDrag:false

        });
        // Go to the next item
        $('.customNextBtn').click(function () {
                owl.trigger('next.owl.carousel');
            })            
    });

Спасибо заранее за любой указатель.

Answer 1

Этому посту более 3 лет, но я столкнулся с той же проблемой. Мне потребовались часы, чтобы найти решение, поэтому я хочу поделиться им со всеми, кому это может быть интересно.

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

После просмотра проблем проекта на GitHub я наткнулся на эту статью, где пользователь с ником "призрак" предлагает решение. Проблему можно избежать, отключив onclick а также onchange события входа.

Этот код работал для меня:

$("#controls").on('click change', function(event) {
    event.stopPropagation();
});

где #controls является <div> обертка вокруг всех моих элементов управления формой