3

より具体的には、セットアップ後にフクロウのカルーセル 2 オプションを変更する方法を探しています。

次のように、ドラッグ要素の親要素のドラッグを無効にする方法を探しています。

$('#carousel').on('drag.owl.carousel', function(event) {

    $('.carousel').on('drag.owl.carousel', function(event) {
        //disable drag
    })    
})

$('#carousel').on('dragged.owl.carousel', function(event) {

    $('.carousel').on('dragged.owl.carousel', function(event) {
         //enable drag
    })
})
4

6 に答える 6

1

ドラッグ イベントにフックしてドラッグを無効にしようとするよりも、およびオプションowl.reinit()と共に関数を使用することをお勧めします。たとえば、カルーセルがある場合:touchDragmouseDrag#carousel

var $carousel = $('#carousel');
var owl = $carousel.data('owlCarousel'); # Your DOM element gets an 'owlCarousel' data property containing the Owl object. 
owl.reinit({touchDrag: false, mouseDrag: false;});

このメソッドには という名前が付いreinitていますが、以前に設定したオプションが空白になることはありません。

于 2014-08-16T11:03:13.390 に答える
0

はい、フクロウ カルーセル バージョン 2 ..

これは私にとってはうまくいきます（オプションに直接アクセスします）

    var $carousel = $('#carousel');
    var owl = $carousel.data('owlCarousel');  

    w = $( window ).width();
    var animateStyle = 'fadeOut';
    if(w <= 768){
        animateStyle = false;
    } 
    owl.options.animateOut = animateStyle;
于 2014-10-07T08:24:09.403 に答える