Estou tentando fazer com que os elementos do meu carrossel Owl sejam arrastáveis, mas ele não parece estar funcionando. Aqui está a minha configuração:

HTML:

<div id="owl" class="owl-carousel">
        <div class="my-owl-item"></div>
        <div class="my-owl-item"></div>
        <div class="my-owl-item"></div>
</div>

JS / jQuery:

jQuery(function(){
        //init carousel
        $(".owl-carousel").owlCarousel({
            autoPlay:false,
            rewindSpeed:500,
            navigation:false,
            pagination:false,
            slideSpeed:1500,
            mouseDrag:false
        });

        //set up draggable
        jQuery( '.my-owl-item' ).draggable({
            start: function( event, ui ) {console.log('dragging');},
            helper : 'clone'
        });
});

Desativei o arrasto do mouse para o carrossel, porque eu acho que essa pode ser a causa. A função de início arrastável está sendo acionada - ela envia a mensagem de depuração para o console conforme o esperado. O elemento também está sendo clonado também. Então tudo parece funcionar, exceto que eu não posso arrastá-lo!

Qualquer ajuda muito apreciada.