[英]jQuery UI Draggable / Droppable with Slick carousel
我正在嘗試在 Slick carousel 單項中實現 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();
});
添加這一行: $( '*[draggable!=true]', '.slick-track' ).unbind( 'dragstart' );
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!' );
}
} );
$( '*[draggable!=true]', '.slick-track' ).unbind( 'dragstart' );
$( '#droppable' ).on('slide mouseenter mousedown', function( event ) {
event.stopPropagation();
} );
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.