다음과 같이 기능을 얻으려고 노력했습니다.
-여러 450x150을 .drop_cont에 끌어다 놓을 수 있습니다.
-그런 다음 300x150을 450x150으로 드래그 앤 드롭 할 수 있습니다.
클래스 추가 및 제거를 시도했지만 작동하지 않는 것 같습니다. 그렇게 할 수있는 방법이 있습니까? 아마도 제가 생각하지 못한 방법이있을 것입니다.
데모 : jsFiddle
샘플 코드 :
$(document).ready(function () {
$( ".idg_row" ).draggable({
helper: "clone",
appendTo: "body",
containment:"document",
revert: true,
stop: function( event, ui ) {
check();
}
});
$( ".idg_column" ).draggable({
helper: "clone",
appendTo: "body",
containment:"document",
revert: true,
stop: function( event, ui ) {
check();
}
});
$( ".drop_cont" ).droppable({
accept: ".idg_row",
drop: function (event, ui) {
ui.draggable.clone().appendTo($(this)).draggable();
}
});
$( ".droppableC" ).droppable();
});
function check() {
$('.drop_cont .idg_row').addClass('droppableC');
$('.drop_cont .idg_column').addClass('droppableC');
}
클래스를 추가 한 후에는 새 요소에서 실행하기 위해 droppable을 리콜해야합니다.
function check() {
$('.drop_cont .idg_row').addClass('droppableC');
$('.drop_cont .idg_column').addClass('droppableC');
$('.droppableC:not(.ui-droppable)' ).droppable();
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다