Question

我正在猫头鹰旋转木马中构建一个简单的表单，但我无法在其版本2上使用它。

问题是当用户在第二个版本的输入类型中单击时，控制台日志会出错：未捕获的TypeError：无法读取属性＆＃39; name＆＃39;未定义的。

在第一个版本上一切正常。 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，昵称为“ ghost”的用户提出了一个解决方案。可以通过禁用输入的onclick和onchange事件来避免此问题。

此代码对我有用：

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

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

形成Owl Carousel版本1和2

1 个答案: