Question

$(document).on("click", "#button1", function (event) {
    $("#container").load("page1.php");
}

$(document).on("click", "#button2", function (event) {
    $("#container").load("page2.php");
}

大家好！我的问题是加载多个按钮操作。这是怎么回事。当我点击button1 page1.php正在加载时没有问题，但是当我点击button2 page2.php加载两次时没有刷新页面，当我再次点击它正在加载时3次......

我只想加载一次。我从检查元素检查 event.preventDefault();并未解决此问题......

Answer 1

$(document).off('click').on("click", "#button1", function (event) {
   $("#container").load("page1.php");
}

$(document).off('click').on("click", "#button2", function (event) {
   $("#container").load("page2.php");
}

Answer 2

            $(document).on("click", "#button1", function (event) {
            $("#container").load("page1.php");
            });

            $(document).on("click", "#button2", function (event) {
            $("#container").load("page2.php");
            });

你的标签是否正确关闭？闭合的花括号需要有一个关闭的bracker，然后是半冒号。

javascript按钮在其他按钮中重复动作

2 个答案: