2009-10-26 5 views
3
$.getJSON('ajax_popup.php', function(data) 
{ 
    var popupDiv = decodeURIComponent(data.data); 
    $('body').append(popupDiv); 
}); 

이 코드는 다른 XHTML 요소가있는 <div> 요소를 반환합니다. JQuery를 사용하여 JSON 형식으로 반환됩니다. data.data에서 반환 된 XHTML은 UTF-8로 인코딩 된 데이터를 먼저 디코딩하여 JavaScript 변수에 저장됩니다. DIV 요소는 사용자 정의 팝업 창입니다. 위의 코드는 작동하지만 JQuery UI의 .draggable() 메서드를 사용하여 드래그 할 수 있도록하고 싶습니다. 그러나이 경우 사용할 위치와 작동 방법을 알지 못합니다.JavaScript 변수에서 JQuery 사용

이 나는 ​​시도했다 :

popupDiv.draggable(); 

그러나 그것은 작동하지 않았다.

그리고 :

$('body').append(popupDiv).draggable(); 

하지만 body 요소 드래그했다 : D

답변

6

이 시도 : JQuery와 DOM 요소를 확장에

$(popupDiv).draggable();
+1

'$를 참조 사용, JQuery와 객체에 자바 스크립트 변수를 변환하려면 추가 ($ (popupDiv) .draggable());'근무, 감사 ! – TheMagician

1

jQuery 기능은 텍스트를 설정할 수 있습니다. 그래서 :.

$.getJSON('ajax_popup.php', function(data) { 
    var popupDiv = decodeURIComponent(data.data); 
    $('body').append($(popupDiv).draggable()); 
}); 
관련 문제