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

【问题标题】：hide server side data in modal dialog在模式对话框中隐藏服务器端数据
【发布时间】：2013-07-24 20:48:08
【问题描述】：

我正在尝试从服务器端检索一些数据，然后使用模式对话框显示它。

这是我的对话框 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 代码仅在模态对话框出现时才可见。

【问题讨论】：

标签： php javascript modal-dialog

【解决方案1】：

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

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

【讨论】：

如果我设置 display:none，当模态对话框显示时，div 显示是否会被设置为阻止。如果发生这种情况，我以后会遇到问题，因为它会干扰页面上的未来交互。
如果你设置 display:none div 将隐藏在正常的页面正文中，它会显示在对话框中。