2

Owl Carousel 内に単純なフォームを作成していますが、バージョン 2 で動作させることができません。

問題は、ユーザーが 2 番目のバージョンの入力タイプ内をクリックすると、コンソール ログにエラー :Uncaught TypeError: Cannot read property 'name' of 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');
    })
});
4

1 に答える 1

1

この投稿は 3 年以上前のものですが、同じ問題に遭遇しました。解決策を見つけるのに何時間もかかったので、興味のある人と共有したいと思います.

エラーの正確な原因はわかりませんが、focusoutイベントがトリガーされるたびにエラーがスローされると考えました。残念ながら、focusoutバブリングを防止しても問題は解決しませんでした。

GitHub でプロジェクトの問題を閲覧した後、 「ゴースト」というニックネームを持つユーザーが解決策を提案しているこの記事に出くわしました。この問題は、入力のイベントを無効onclickにすることで回避できます。onchange

このコードは私のために働いた：

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

#controls は、<div>すべてのフォーム コントロールのラッパーです

于 2019-02-25T02:40:06.247 に答える