간단한 확인 대화 상자

이 포럼에서 발견 된 예제를 얻으려고합니다. 확인을 클릭하면 취소 경고를 팝업하고 취소를 클릭하면 대화 상자를 닫으려고합니다. 취소 버튼에이 코드를 첨부 할 것입니다.간단한 확인 대화 상자

#mydialog 요소를 어떻게 선언합니까? 내 JSP에 있어야합니까?

$("#mydialog").dialog({modal:true, title:'Dialog Title', 
    resizable:false, 
    'buttons':{ "OK": function() { alert("OK Clicked")}, 
    "Cancel":function() {$(this).dialog 
    ("close");}}});

감사

출처

2012-09-26 MayoMan

'#의 mydialog'은 요소의 선택입니다. 이 경우 HTML 요소는'id'가'mydialog'입니다. – Blender

jQuery 및 jQuery UI가 포함되어 있습니까? – j08691

그것이 HTML 요소이지만 어떤 형식을 취하는 지 이해합니다. 이 #myDialog 요소 내에서 버튼을 직접 만들어야합니까? – MayoMan

A) 그것은 당신의 페이지 HTML의 일환으로 직접 올 수 - 렌더링 JSP를 사용하여 (또는 사용중인 다른 서버 측 기술)

또는

B) 대화 상자를 초기화하기 직전에 동적으로 생성 될 수 있습니다. 이렇게하면 서버에서 렌더링 한 HTML이 걱정할 필요가 없습니다. 예를 들어

// create if needed 
if($('div#mydialog').length == 0) { 
    $('<div/>').attr('id', 'mydialog').html('Are you sure?').appendTo('body'); 
} 

// now init the dialog 
$("#mydialog").dialog({ 
...

출처

2012-09-26 15:45:24 techfoobar

간단한 확인 대화 상자

답변

관련 문제