jQuery函数在控制台中显示，但在第一次单击时不在浏览器中显示，然后在第二次单击时在浏览器中显示两次

Question

我对这个错误感到非常困惑。在我的javascript文件中，我的jQuery函数（如页面底部的函数）不会在第一次单击时执行，但在第二次单击时执行两次。我也在运行Bootstrap。

感谢。

var showLocation = function () {
    console.log("executing showLocation()\n");
    $(document).ready(function () {
            $("#show-game-button").click(function() {
                $(".location-div").show(300);
                    $("#show-game-button").css('display', 'none');
            });
    });
}

Answer 1

每次执行函数时都会添加新的单击侦听器。 这应该工作正常：

$(document).ready(function () {
        $("#show-game-button").click(function() {
            $(".location-div").show(300);
                $("#show-game-button").css('display', 'none');
        });
});

您不需要showLocation功能。