닫을 때 대화 상자의 요소를 숨기는 jQuery 대화 상자

Question

jQuery UI 대화 상자 기능을 사용하고 있으며 닫을 때 대화 상자에 있던 요소 중 하나를 숨기고 싶습니다.

Dialog 함수의 close 이벤트에서이 작업을 시도하고 있지만 작동하지 않습니다. 나는 그 요소가 닫을 때 더 이상 존재하지 않기 때문에 추측하고있다.

다음은 코드입니다.

// Dialog settings for our edit dialog's 
$("#myDialog").dialog({ 
    autoOpen: false, 
    close: function(event, ui){ 
     $("#myDiv").hide(); 
    } 
}); 


<div id="myDialog"> 
    <div id="myDiv">This div should hide when the user closes the dialog, but it stays open when I re-open the dialog.</div> 
</div> 

Answer 1

myDialog 및 myDiv을 포함한 내부의 모든 항목이 대화 상자가 닫힐 때 자동으로 숨겨져 있어야합니다. 그렇게하기 위해 추가 코드를 작성할 필요가 없습니다. 작동하지 않는다면, 그 밖의 다른 것은 잘못되었습니다. 귀하의 질문에 코드 샘플을 기반으로 내 생각 : 기본적으로

1. 숨기기 MyDialog에, 예를 들어, 명시 적으로 <div id="MyDialog" style="display:none;">...
2. 적절한 예를 들어, 대화 상자를 열고 $("#myDialog").dialog("open");

Answer 2

당신은 아마 참조해야 대화 상자와 관련된 요소. 당신의 대화 내부

$("#myDialog").dialog().find('#myDiv').hide() 

-edit-

close: function(event, ui){ 
    $(this).find('#myDiv').hide() 
    }