jQuery-UI는 드래그 할 수 있고 드래그 할 수없는 항목은 드래그 할 수 없게됩니다.

Question

#leftDiv 및 #mainDiv라는 두 개의 div가 있습니다. #leftDiv에는 #mainDiv로 드래그 할 수있는 일부 목록 항목이 있지만 #mainDiv의 드롭 요소를 드래그 할 수 없게 된 후에 한 가지 문제가 있습니다. 이것으로 무엇을 할 수 있습니까? 나는 사용자가 원하는 장소에 #mainDiv 드래그와 드롭 가능한에서 요소를 만들고 싶어

$(document).ready(function(){ 
    $('#output li').draggable({ 
    helper: 'clone', 
    revert: 'invalid' 
    }); 
    $('#mainDiv').droppable({ 
    drop: function(event, ui){ 
     var item = $('<div class="foo">').append(ui.draggable.text()); 
     $(this).append(item); 
    } 
    }); 
    $(".foo").draggable(); 
}); 

: 여기 내 스크립트입니다.

Answer 1

foob을 새로 만들면 기본적으로 드래그 할 수 없습니다. 당신은 그들을 만들어야합니다 :

item.draggable(); 
$(this).append(item).