Question

我点击一个按钮就会显示一个带有黑暗bg的弹出窗口。我使用了我在这里找到的一些代码并进行了编辑，但它似乎没有显示弹出窗口并显示错误{{error“：”请使用POST请求“}

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

$(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();以防止此情况。

Jquery弹出窗口显示和隐藏

2 个答案: