2011-03-15 10 views
1

나는 다음과 같은 옵션을 드래그 사용하고 있습니다 :jquery UI draggable helper : 복제본이 원본에서 드래그 가능한 객체를 제거합니까?

enter image description here

이 문제는 다음과 같습니다

$("#accountDetailPanel .draggable").draggable({ 
    helper: 'clone', 
    appendTo: 'body', 
    cursor: 'move', 
    revert: 'invalid' 
});   
$(".accountPod").droppable({ accept: '.draggable' }); 

내가 부하시 JQuery와 UI 탭의 두번째 탭의 내용에 드래그 적용하고있어 첫 번째 드래그 만 잘 작동합니다. draggable을 허용 가능한 droppable로 떨어 뜨리면 포드가 되돌아 가고 다른 드래그는 할 수 없습니다. 무슨 일이 있어도, 끌린 포드는 그 draggableness를 잃어 버립니다. 둥지 무한 .draggable 통화를 필요로의 경로에 나를 넣어 init을 드래그에 정지 기능을 적용하는 시도에서

enter image description here

.

전체 스크립트 :이 바이올린 이후

$(document).ready(function(){ 

    $("#tabs").tabs(); 

    /** 
    * Click on account pod -> account detail pane is populated 
    * Inside account detail, tabs pulled dynamically 
    *  Installation List - each installation (home) is movable 
    */ 
    $(".accountPod").live("click", function(event){ 

    var account_id = $(this).attr("id").replace("acct_", ""); 

    // load user's details into tab panel (replace all tabs) 
    $("#accountDetailPanel").load("/accountDetail/" + account_id, function(){ 

     // post-load of tabs html 
     $("#tabs").tabs(); 

     // init draggables 
     $("#accountDetailPanel .draggable").draggable({ 
     helper: 'clone', 
     appendTo: 'body', 
     cursor: 'move', 
     revert: 'invalid' 
     }); 

     $(".accountPod").droppable({ accept: '.draggable' }); 

    }); 

    }); 

}); 

작동 : http://jsfiddle.net/notbrain/DycY6/41/ 나는 확실히이 .draggable의 동적 응용 프로그램에 관련이 생각하고() 탭이로드 될 때.

모든 포인터가 크게 감사드립니다!

답변

1

불행히도로드되는 라이브러리의 문제라고 생각합니다. 나는 jQuery 1.8.5와 jQuery-git.js를 사용하는 것이 효과가 있다는 것을 알았다.

관련 문제