在模式对话框中隐藏服务器端数据

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});
    });
});

但我的问题是，当我加载页面时，将执行echo并在屏幕上显示。但是，当我单击按钮时，模态对话框工作得很好，页面上显示的文本开始消失。

如何使php代码仅在模态对话框出现时才可见，而不是在此之前。

Answer 1

只需添加一个CSS来隐藏您的div。

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