javascript - jQuery UI Slick カルーセルでドラッグ可能/ドロップ可能

Question

Slickカルーセルの単一アイテムにjQuery UI Draggable / Droppableを実装しようとしています。しかし、私はそれを互いに組み合わせて機能させることができません。

参照リンクから参照を取得しましたが、私のケースでは機能しません。

私のフィドル

var slick = $('.stack').slick({
    centerMode: true,
    centerPadding: '80px',
    arrows: false,
    variableWidth: true,
    dots: true,
    swipeToSlide: true,
    focusOnSelect: true
});

    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });

$("#droppable").on("slide mouseenter mousedown",function(event){
    event.stopPropagation();
});