中的fancybox

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

這完美的作品，並通過完美我的意思是，將打開包含PHP代碼的fancybox在uploadpage.php。一旦用戶按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屬性將相關的東西放在一起，這可能會阻止它關閉您提交的框。另外，將同一個fancybox中的所有內容都包含在div標記中，並使用相同的rel屬性（我不知道它是否會被fancybox支持，請試試看）。