Fancybox-重新加載頁面或加載新頁面

Question

我有一個登錄鏈接，該鏈接打開一個Fancybox，並詢問用戶其用戶名/密碼。

我將用戶輸入發送到PHP腳本進行驗證，該腳本將在錯誤時返回錯誤消息，或者在成功時重定向到主頁。

• 收到錯誤消息時，我希望錯誤消息重新加載到同一父Fancybox中。

• 成功后，我希望Fancybox關閉並在主窗口中加載主頁。

另一個問題是我的css沒有在#fancyboxLogin上#fancyboxLogin ，但是在$fancybox上加載得很好。

HTML：

<a class="fancyboxLogin fancybox.iframe" href="/login">Log In</a>

JavaScript的：

$(document).ready(function () {
    $(".fancybox").fancybox();
});

$(document).ready(function () {
    $(".fancyboxLogin").fancybox({
        type: "iframe",
        afterClose: function () {
            parent.location.reload(true);
        }
    });
});

Answer 1

在html頁面中替換

<a class="fancyboxLogin fancybox.iframe" href="/login">Log In</a>

用這條線

<a class="fancyboxLogin fancybox.ajax" href="/login">Log In</a>

對於錯誤消息，您可以簡單地使用帶有ajax的javascript函數進行驗證，並在div標簽中顯示該消息。

如果驗證成功，則只需使用javascript Submit（）函數提交表單即可，該函數提交登錄表單並刷新頁面。

對於javascript fancybox腳本，只需輸入：

$(document).ready(function() {
    $(".fancyboxLogin").fancybox({
        maxWidth    : 700,
        maxHeight   : 500,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
   });

我希望這可以有所幫助