javascript - Owl Carousel 版本 1 和 2 中的表单

Question

我正在 Owl Carousel 中构建一个简单的表单，但我无法让它在他们的版本 2 上运行。

问题是当用户在第二个版本的输入类型中单击时，控制台日志给出错误:Uncaught TypeError: Cannot read property 'name' of undefined。

在第一个版本中一切正常。 Here is a fiddle for v1我只是想知道是否有人可以看一下，我尝试使用 mouseDrag:false 但它没有用。

And here is the link for version 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 上浏览项目的问题后，我遇到了 this article昵称“幽灵”的用户建议解决方案。可以通过禁用 onclick 来避免这个问题。和 onchange输入事件。

这段代码对我有用:

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

#controls 是 <div>包装我所有的表单控件