JQUERY : 배경 레이어를 만들고 전경으로 새 HTML을로드하는 방법? (같은 모달 폼)

Question

화면을 채우기 위해 중복/오버레이 계층을 생성하는 가장 좋은 방법을 찾기 위해 노력 .. 그리고 약간의 HTML에서 부하에 위에 새 레이어를 만들 ...

// Show popup - somehting like this.. 
$("#myBtn").click(function() { 
    $("#myDiv").load("myHTMLcode.html"); 
}); 

및 그럼 내가 (.. 내가 HTML에로드보다는 폼을 표시하고자하는 경우를 제외하고는이 일을하는 쉬운 방법은, 모달 형태의 유사가

Answer 1

다음 플러그인 중 하나 이상에 대한 소스를 살펴보면 여러 가지 방법으로 이야기하는 것을 구현하므로 몇 가지 아이디어를 얻으실 수 있습니다. 그 중 하나를 선택하여 사용하십시오 :

• blockUI
• Thickbox
• Facebox
• Fancybox

Answer 2

$ 그것을

어떤 아이디어를 제거하는 방법이 필요합니다 "#myDiv") .html ('');

Answer 3

jQuery UI의 dialog 위젯을 사용하여이 작업을 수행 할 수 있다고 확신합니다. 대화 상자가 열릴 때 HTML을 대화 상자 컨테이너에 놓을 수있는 방법을 제공하려면 open 이벤트 처리기 훅을 사용하십시오.

$('#dialogDiv').dialog({ 
    modal: true, 
    autoOpen: false, 
    buttons: { "Ok": function() { $(this).dialog("close"); }, 
    open: function(event,ui) { 
      $(ui).find('#container').load(...); 
      } 
}); 

$('#openButton').click(function() { 
    $('#dialogdDiv').dialog('open'); 
}); 

URL이 제공해야하는 경우, 사용을 고려 data()

$('#openButton').click(function() { 
    $('#dialogdDiv').data('url','someurl').dialog('open'); 
}); 

open: function(event,ui) { 
     $(ui).find('#container').load($('#dialogDiv').data('url')); 
     }