2011-10-22 4 views
0

나는 .myClass 클래스를 가진 div가 있는데, #cloneIT를 클릭하여 복제하고있다. 그것은 div를 완벽하게 복제하지만 드래그하면 항상 첫 번째 div를 드래그한다. 여기 내 코드 :jquery clone draggable click

$("document").ready(function(){ 
$(".myClass").draggable({ containment: 'parent' }); 
var countClones = 0; 
$("#cloneIt").click(function(){ 
$('.myClass').clone(true).attr('id',$('div.myClass')[0].id+countClones).prependTo('body'); 
countClones += 1; 
    var newDiv = $("<div>Cloned: " + countClones + "</div>"); 
    $("body").append(newDiv); 
    return false; 
}); 

}); 

jsFiddle : 유 복제 그것은 클릭하면 http://jsfiddle.net/qQ6ws/3/

1) 이, PLZ 테스트를 끌어, 내가 클릭하거나 드래그 할 수없는 오전 버전을 복제 한 것입니다. 내가 두 번째 문제를 해결 한 http://jsfiddle.net/qQ6ws/3/

이제 문제는 내가 어떤 도움을 감사를 복제 버전을 끌거나 심지어를 클릭 할 수 있습니다 :

2)

업데이트는 업데이트에 고정 .

+0

Dshah가 내 대답을 살펴 봅니다. –

답변

1

내가 생각하는대로 this 무엇입니까? draggable 요소를 복제해도 복제본 (true)이 매개 변수로 전달 된 경우에도 이벤트가 복제되지 않는 것처럼 보입니다. 나는이 같은 다른 jQuery 컨트롤을 함께 droppable 같은 것으로 나타났습니다. 복제 된 요소에 명시 적으로 .draggable()을 호출해야합니다.

+0

고맙습니다. – user969068

1

"true"인수로 복제하면 이벤트 핸들러가 복사되어 "드래그 가능"구현을 해제합니다. 아마도 유일한 옵션은 "true"인수없이 복제하고 필요에 따라 이벤트 리스너를 다시 등록하는 것입니다.