jQuery、Ajax全屏弹出加载外部php页面答案

【问题标题】：jQuery, Ajax fullscreen pop up loading external php pagejQuery、Ajax全屏弹出加载外部php页面
【发布时间】：2012-09-06 21:07:34
【问题描述】：

对于没有任何代码示例提前道歉，但我想知道您是否可以帮助我。我想使用 jQuery / ajax 在全屏弹出窗口中加载 php 页面。我已经完成了一个快速的谷歌搜索，但找不到我要找的东西。

任何帮助或建议将不胜感激，谢谢！

【问题讨论】：

【解决方案1】：

我有不同的解决方案。您可以使用iframe 进行尝试。使用 jQuery 将包含所有相关代码的 iframe 脚本附加到页面的某些部分（例如一些 div）。这可能对你有用，包括 CSS，比如；

$('<iframe src="your_page.html"/>').appendTo('#your_div');

或者你可以试试类似的东西；

$('<iframe src="your_page.html"/>').load(function(){
      alert('the iframe is done loading');
}).appendTo('#your_div');

iframe 的 CSS 样式可能是：

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: /* some value to display iframe topmost */

这会将 iframe 拉伸到全屏。试试看吧。

或者你可以用这种风格创建一个<div>，并且可以使用jQuery的load函数

【讨论】：

iframe 可能甚至没有必要。您可以在 div 上使用 .load 并将样式设置为 div。
是的符文。我给 iframe 作为建议有时 load 失败并支持 CSS
@Rune 我在回答中添加了你的建议
老实说，我从未见过load 无法获取页面。可能是因为我只加载自己的页面。这取决于 CSS 是否也有效。如果它是您自己的页面并使用类和 ID，它应该可以工作。
@Rune 有时就是这样。如果你觉得我的回答有帮助，请给它一个upvote。谢谢。