AJAX jQuery UI 모달 대화 상자

@ alistair-laing에서 제안한 해결책을 추가하기 위해 편집 됨) @jek로 this post 답장을 읽은 후 내 페이지에 URL을 통해 ID 변수를 전달할 수있는 여러 링크를 만들 수 있습니다. 대화 상자의 내용을 즉시로드 할 수 있습니다. 그러나, 나는 정말이 모달 대화 할 것을 권장합니다 ;AJAX jQuery UI 모달 대화 상자

$(function(){ 
    $('a.ajax').click(function() { 
    var url = this.href; 
    var dialog = $('<div style="display:none"></div>') 
    .appendTo('body') 
    // load remote content 
    dialog.load(
    url, 
    {}, 
    function (responseText, textStatus, XMLHttpRequest) { 
     dialog.dialog({ 
     modal: true, 
     width: 500 
     }); 
    } 
    ); 
    //prevent the browser to follow the link 
    return false; 
}); 
});

출처

2011-09-16 Blll P

조용한 몇 가지. 첫 번째 .dialog의 내용을 .load 콜백의 일부로 호출하는 두 번째 .dialog로 이동해보십시오. 당신이하는 일은 다이얼로그를 생성 한 다음 내용을 삽입하여 다시 호출하는 것입니다. 대화 상자가 내용과 함께 열리도록 autoOpen을 제거 할 수도 있습니다. –

감사합니다. –

문제 없습니다. 당신이 새로운 사용자 인 것을보고, 내 의견을 훌륭한 의견으로 표시하고 귀하의 질문에 답변 할 수 있습니까? –

조용한 몇 가지 (수정을 포함하도록 편집 NB 원래 스크립트가 위의 링크 된 게시물에 있었다, 내가 한 모두는 그것을 깰했다) 소지품. 첫 번째 .dialog의 내용을 .load 콜백의 일부로 호출하는 두 번째 .dialog로 이동해보십시오. 당신이하는 일은 다이얼로그를 생성 한 다음 내용을 삽입하여 다시 호출하는 것입니다. 대화 상자가 내용과 함께 열리도록 autoOpen을 제거 할 수도 있습니다.

출처

2011-09-22 07:44:32

AJAX jQuery UI 모달 대화 상자

답변

관련 문제