jquery - Jquery弹出显示和隐藏

Question

我有一个按钮，单击后会显示一个带有深色背景的弹出窗口。我使用了一些在此处找到并进行了编辑的代码，但它似乎没有显示弹出窗口并显示错误消息 {"error": "Please use POST request"}

任何人都可以帮忙吗？这是我的演示

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，因为它会阻止触发链接的默认操作。

小提琴演示

Answer 2

{"error": "Please use POST request"}错误是由 jsfiddle 造成的，因为您正在通过单击链接重新加载页面。

将 href 设置为类似#或javascript:void();以防止这种情况发生。