Jquery popup顯示和隱藏

Question

我有一個按鈕，一旦點擊顯示一個彈出與黑暗的BG。我使用了一些我在這裏找到並編輯的代碼，但它似乎沒有顯示彈出窗口，並顯示錯誤說{{error}：「請使用POST請求」}

任何人都可以幫忙嗎？ 這裏是我的演示

http://jsfiddle.net/6bZRA/

$(document).ready(function (e) { 
    $("#login-link").click(function() { 
     $("#login-container-popup").dialog(); 
     $(".login-popup-darkbg").show(); 
    }); 

    $(".login-popup-darkbg").click(function() { 
     $("#login-container-popup").dialog('close'); 
     $(".login-popup-darkbg").fadeOut(1000); 
    }); 
    $(document).on('click', '.ui-button-icon-primary', function() { 
     $("#login-container-popup").dialog('close'); 
     $(".login-popup-darkbg").fadeOut(1000); 
    }); 

}); 

感謝

保羅

Answer 1

嘗試這樣的：可能是這樣可以幫助你：

$("#login-link").click(function (e) { 
     e.preventDefault(); 
     $("#login-container-popup").dialog(); 
     $(".login-popup-darkbg").show(); 
    }); 

使用e在點擊事件因爲它可以防止脫髮該行動被解僱的鏈接。

Fiddle Demo

Answer 2

的{"error": "Please use POST request"}錯誤是的jsfiddle因爲你通過點擊鏈接重新加載頁面。

將href設置爲像#或javascript:void();這樣的內容來防止發生這種情況。