在模式对话框中隐藏服务器端数据
hide server side data in modal dialog
我正在尝试从服务器端检索一些数据,然后使用模式对话框进行显示。
这是我的对话框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代码仅在模态对话框出现时可见,而不是在出现之前可见。
只需添加一个CSS即可隐藏您的div。
<div id="dialog1" title="Some title" style="display:none">
相关文章:
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- 当eval只执行服务器端数据时,在javascript中使用eval是否安全
- 基于会话的服务器端数据设置和检索
- 服务器端数据表中下拉列表的Onchange事件
- javascript客户端中的服务器端数据绑定
- 将服务器端数据馈送到 JavaScript 对象构造函数中
- 在模式对话框中隐藏服务器端数据
- 如何安全地显示用户's的服务器端数据
- 在ASP.NET中处理服务器端数据的Javascript
- 使用ajax服务器端数据表动态创建不同的按钮
- 如何使用jquery或javascript将服务器端数据推送到客户端
- 使用服务器端数据刷新gridx
- 数据库中每个页面的服务器端数据的Ajax请求
- 从异步服务器端数据调用呈现ReactJS
- 流星中的服务器端数据验证
- 服务器端数据表以json形式发送POST数据
- 将服务器端数据获取到用户控制中的客户端脚本的最佳方式
- $resource function $save(),它到底做什么,它如何支持服务器端数据的CRUD操作
- 如何在javascript/jquery事件后更改Django中的服务器端数据
- 服务器端数据流的有效方法