Question

以下是我的member.php中我的fancybox所拥有的内容：

<script type="text/javascript">
    $(document).ready(function() 
    {
            $("a#uploadpage").fancybox({
                'titleShow'     : false
            });
    });
</script>
.
.
.
<a id="uploadpage" href='uploadpage.php'>Change Image</a> <br/>

这完美无缺，完全是指我打开包含uploadpage.php中php代码的fancybox。一旦用户按下uploadpage.php中的提交按钮上传图像，我希望它显示错误消息（无效的文件类型或文件大小太大），或者如果图像是有效的文件类型且低于1MB则显示进度条。我如何在相同的FANCYBOX 中执行此操作？（我已经有错误消息和进度条的代码，所以我只需要知道如何刷新fancybox或如何使用javascript来完成此任务。）

非常感谢，非常感谢。 -Matt

Answer 1

我不知道这是否有用，我从未像你尝试使用它那样使用fancybox，但是，这是我的建议：你可以尝试使用类名而不是ID。锚点为<a class="uploadpage" ...>，而不是您现在使用的ID。另外，改变

$("a#uploadpage").fancybox({

到

$("a.uploadpage").fancybox({

fancybox在使用id时为每个invokation创建一个新的实例。如果您使用类名，它会尝试重用它。此外，可以尝试使用rel="myuploadbox"进行标记，即

<a rel="myuploadbox" class="uploadpage" ...>

Fancybox使用rel属性将相关内容组合在一起，这可能会使其无法关闭提交中的框。另外，在div标签中将同一个fancybox中的所有内容包装在同一个rel属性中（我不知道fancybox是否会支持它...试一试）。

在fancybox中显示进度条或错误消息

1 个答案: