jQuery를 드래그 앤 드롭

내가 화면에 창을 표시하려면이 스크립트가 있습니다jQuery를 드래그 앤 드롭

$.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: dataString, 
    cache: false, 
    success: function(html){ 
    $("#work-window").append(html); 
    } 
});

이 창

내가해야 할

<div id="div-add" class="window"> 
<table cellspacing="0" cellpadding="0" class="top-bar"> 
<td class="left"></td> 
<td class="center">Add</td> 
<td class="close"> <span id="develop-link-close">close</span></td> 
<td class="right"></td> 
</table> 
Content 
</div>

것을에게 센터 클래스를 클릭, 이 div (# div-add)를 드래그 앤 드롭 할 수 있습니다. 내가 JQuery와 UL과 그것을 만들려고

,하지만 결과 :(이 도움이 경우에 여기에 대한 답변으로 게시

이를 만드는 방법

$(function() { 
    $("#div-add").draggable(); 
});

출처

2011-03-20 Koiw

질문이 명확하지 않습니다. '# work-window'는 어디에 있습니까? AJAX 호출이 완료되면'# work-window'에'# div-add'가 채워지지 않습니까? 그렇다면 AJAX가 완료되고 스크립트 맨 위에 있지 않을 때'.draggable()'호출을해야합니다. – JohnP

# div-add가 # work-window에 나타납니다. 좋습니다, 나는 ajax가 – Koiw

을 완료했을 때 .draggable()을 시도합니다. 일하고있어, 고마워. – Koiw

다른 사람

당신에게 ' #div-add이 실제로 존재하기 전에 페이지에 .draggable() 전화를 걸고 있습니다 .Actax 전화 후에 만 #div-add이 존재하므로 AJAX 통화가 완료되면 $("#div-add").draggable(); 전화를해야합니다.

출처

2011-03-20 05:50:19 JohnP

jQuery를 드래그 앤 드롭

답변

관련 문제