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

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

1 个答案: