如何在傳送帶中拖動時調用某個功能？

順便說一句，這段代碼工作的同時還有一件事，我想在用戶點擊拖動一個傳送帶項目時提醒（）或調用一個函數。我已閱讀文檔使用旋轉木馬事件，但我仍然無法找到的結果我會用這個drag.owl.carousel dragged.owl.carousel選項，提醒或調用一個函數，但它不能正常工作爲了我。如何在傳送帶中拖動時調用某個功能？

$.ajax({ 
    type: "GET", 
    url: "<?php echo base_url('main/data/12'); ?>", 
    dataType: "json", 
    cache: false, 
    success: function (data, st) { 
     if (st == 'success') { 
      $.each(data, function (i, obj) { 
        var out = '<div class="row item">'; 
        out += '<div class="product">'; 
        out += '<div class="image">'; 
        out += '<a href=""><img src="asset/img/main/9.jpg" alt="img" class="img-responsive"></a>'; 
        out += '<div class="promotion"><span class="discount">' + obj.prodId + '</span> </div>'; 
        out += '<div class="description"><div class="price"><span>' + obj.prodPrice + '</span></div><h4><a href="#">' + obj.prodName + '</a></h4>'; 
        out += '<p>short detial</p>'; 
        out += '</div>'; 
        out += '</div>'; 
        $(out).appendTo(".owl-carousel"); 
       }); 
     } 
     var owl = $(".owl-carousel"); 
     owl.on('drag.owl.carousel dragged.owl.carousel', function(e) { 
      alert(e); 
     }); 
     owl.owlCarousel({ 
      loop: true, 
      nav: true, 
      lazyLoad: true, 
      margin: 10, 
      video: true, 
      responsive: { 
      0: { 
       items: 1 
       }, 
      600: { 
       items: 3 
       }, 
      960: { 
       items: 5, 
      }, 
      1200: { 
       items: 6 
      } 
     } 
     }); 
    } 
    });

來源

2016-03-03 Heng Sopheak

無法重現：https://jsfiddle.net/ug04guLw/ – apsillers

好，謝謝我要更新木馬版本，因爲我目前版本1.3，所以它會工作時，我升級到2 –

您的代碼可以正常使用貓頭鷹旋轉木馬2.x.如果必須使用版本1，你可以在初始化對象提供事件偵聽器作爲startDragging屬性：

owl.owlCarousel({ 
    loop: true, 

    startDragging: function(e) { 
     alert(e); 
    }, 

    ... 
});

來源

2016-03-03 16:41:22 apsillers

如何在傳送帶中拖動時調用某個功能？

回答

相關問題