使用像Javascript Alert这样的fancybox显示内容

Question

我尝试在fancybox中显示来自PHP文件的内容，但我无法处理它。

现在出现以下情况： 如果发生文件权限问题，则会在网站上显示<div id="error">。我想在fancybox中提供<div id="error">的内容。我尝试的所有内容都会收到通知“无法加载请求的内容。请稍后再试。”

这意味着fancybox应该在页面加载时显示文件权限错误，而不是像点击或鼠标悬停等某些事件时那样显示。

例如，如果错误存在，则应在fancybox中显示以下内容：

<div style="width:100px; height:100px; background:#f00;">
  <p>Failure</p>
</div>

此代码段位于文件security_check.php中。现在有两种可能性。第一个是将security_check.php直接加载到fancybox中或放入上面提到的代码段。

那么：如何将文件内容加载到fancybox？

Answer 1

有这样的代码将文件内容加载到包含fancybox内容的DIV中：

$(function() {
    $("#MyFancyContents").load("security_check.php");
});

fancybox链接应该是这样的：

<a id="MyFancyLink" href="#MyFancyContents">Show</a>

激活你可能已经拥有的东西：

$("#MyFancyLink").fancybox();

编辑：为了在页面加载时激活精美框，而不是单击链接，请改为使用这样的行：

$("#MyFancyLink").fancybox().trigger('click');

Answer 2

我错过了什么吗？要简单地模拟JS警报：

        $.fancybox({ title: "Registration Complete", autoCenter: true, content: "<div id='alert1' ><p>Well done, you have registered!</p></div>" });

太容易了吧？