요소가없는 jquery UI가있는 모달 대화 상자가 있습니까?

Question

작은 jquery 응용 프로그램을 만들고 있습니다. 나타나는 확인 상자가 필요합니다. 그러나 대화 상자를 열 수 있도록 요소를 본문에 추가하지 않아도됩니다. 이것을 피할 수있는 방법이 있습니까? 대화 상자를 호출하고 제목, 텍스트 및 옵션과 같은 인수를 전달 하시겠습니까?

Answer 1

jQuery UI 대화 상자를 만들 때 최신 버전 (1.8. *) 이 자동으로으로 추가됩니다.

당신이 그렇다면 : 그냥 작동

$('<div>').dialog({modal: true}) 

. 새로운 요소를 제거하기 위해 대화 상자가 닫힌 상태에서 .remove()으로 전화해야합니다!

function myalert(title, text) { 
    var div = $('<div>').html(text).dialog({ 
     title: title, 
     modal: true, 
     close: function() { 
      $(this).dialog('destroy').remove(); 
     }, 
     buttons: [{ 
      text: "Ok", 
      click: function() { 
       $(this).dialog("close"); 
      }}] 
    }) 
}; 

myalert("Test", "This is a test modal dialog"); 

전체 작업 데모 http://jsfiddle.net/alnitak/G3GRZ/를 참조하십시오.

Answer 2

그냥 그것을 수행하는 방법 텍스트를 넣어보기

$('<div>My dialog text.</div>').dialog({ modal: true });