一旦关闭而没有页面刷新，灯箱不会打开

Question

我正在使用一个灯箱，我在调用ajax后调用灯箱，以便它可以在灯箱中加载新页面。当我点击进行一次ajax调用的链接然后第一次打开灯箱时，一切正常。由于我有一个用户输入来检查用户是否输入低于7的值，然后只打开ligthbox。因此，用户可能最终选择的值小于7，而lightbox会提供弹出消息以选择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调用后反弹灯箱。