나는 다음과 같은 옵션을 드래그 사용하고 있습니다 :jquery UI draggable helper : 복제본이 원본에서 드래그 가능한 객체를 제거합니까?
이 문제는 다음과 같습니다
$("#accountDetailPanel .draggable").draggable({
helper: 'clone',
appendTo: 'body',
cursor: 'move',
revert: 'invalid'
});
$(".accountPod").droppable({ accept: '.draggable' });
내가 부하시 JQuery와 UI 탭의 두번째 탭의 내용에 드래그 적용하고있어 첫 번째 드래그 만 잘 작동합니다. draggable을 허용 가능한 droppable로 떨어 뜨리면 포드가 되돌아 가고 다른 드래그는 할 수 없습니다. 무슨 일이 있어도, 끌린 포드는 그 draggableness를 잃어 버립니다. 둥지 무한 .draggable 통화를 필요로의 경로에 나를 넣어 init을 드래그에 정지 기능을 적용하는 시도에서
.
전체 스크립트 :이 바이올린 이후
$(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의 동적 응용 프로그램에 관련이 생각하고() 탭이로드 될 때.
모든 포인터가 크게 감사드립니다!