jquery - 灯箱在没有页面刷新的情况下关闭后无法打开

Question

我正在使用一个灯箱，我在 ajax 调用之后调用灯箱，以便它可以在灯箱中加载新页面。当我单击一次进行 ajax 调用的链接然后第一次打开灯箱时，一切正常。因为我有一个用户输入来检查用户是否输入了低于 7 的值，所以只打开 ligthbox 。因此，用户最终可能会选择小于 7 的值，而灯箱会弹出消息以选择大于 7 的值。当我关闭灯箱并再次选择任何值时，它会给出错误

Uncaught TypeError: Object function (e,t){return new b.fn.init(e,t,r)} has no method 'lightbox'

正如我所说，它是第一次工作，即使我刷新页面并重试，但是当我关闭灯箱并单击链接以检查并打开灯箱时，它会给出错误。我的功能是

$(document).on("click", ".forwardme", function (e) {
    e.preventDefault();

    var confident_monthly_goal = $("#SliderSingle").val();

    if (confident_monthly_goal <= 7) {
        $.ajax({
            type: "POST",
            url: "<?php echo $php_path; ?>update_goal.php?confident_monthly_goal=" + confident_monthly_goal,
            success: function (html) {

                var html = "twl.php";
                $.lightbox(html, {
                    width: 400,
                    height: 300
                });

            }
        });
    }
});

Answer 1

你必须在ajax调用后反弹灯箱。