모달 대화 상자에서 서버 측 데이터 숨기기

Question

서버 측에서 일부 데이터를 검색하고 모달 대화 상자를 사용하여 표시하려고합니다.

여기 내 대화 상자 DIV

여기

<div id="dialog1" title="Some title"> 
    <?php     
     echo "Data to display within modal dialog box"; 
    ?> 
</div> 

그리고 내 JS 스크립트입니다

$(document).ready(function(){ 
    $("#button1").click(function(){  //button1 is the id for a button 
     $("#dialog1").dialog({modal:true}); 
    }); 
}); 

하지만 내 문제는 내가 페이지를로드 할 때, 에코 실행하고 화면에 따라서 표시됩니다 있다는 것입니다. 그러나 버튼을 클릭하면 모달 대화 상자가 제대로 작동하고 초기에 표시된 페이지의 텍스트가 사라집니다.

모달 대화 상자가 나타나지 않을 때만 PHP 코드를 볼 수있게하려면 어떻게해야합니까?

Answer 1

div를 숨기려면 CSS를 추가하기 만하면됩니다.

<div id="dialog1" title="Some title" style="display:none">