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

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">