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

大家好！ 我的问题是加载多个按钮操作。是这样的。 当我点击

button1

加载

page1.php

时，没有问题，但是当我点击

button2

加载两次

page2.php

时，没有刷新页面，当我再次点击时，它加载三次

我只想加载一次。我从检查元件检查

event.preventDefault（）无法解决此问题

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

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

你的标签关好了吗？
收尾花括号需要有一个收尾括号，后跟分号

你的标签关好了吗？
右大括号后面需要有一个右括号，后跟分号。
page2.php
包含相同的代码…？？如果所有这些页面都包含相同的代码，它们将继续执行相同的代码。生成越来越多的EventListener可能会多次绑定事件。
page2.php
包含相同的代码…？？如果所有这些页面都包含相同的代码，它们将继续执行相同的代码。生成越来越多的EventListener可能会多次绑定事件。不要鼓励OP多次绑定事件。在未来的代码中，他也会遵循同样的编码方式（解除绑定和绑定事件），或者使用页面片段：
$（“#container”）.load（“page1.php body”）如果在头部零件中定义了脚本。但是，如果您想取消绑定click事件，至少要在启用（“click”）之前添加一个名称空间itI（“click”），谢谢您的帮助。不要鼓励OP多次绑定事件。在未来的代码中，他也会遵循同样的编码方式（解除绑定和绑定事件），或者使用页面片段：
$（“#container”）.load（“page1.php body”）如果在头部零件中定义了脚本。但若你们想解除点击事件的绑定，至少要在点击之前加上一个名字空间，谢谢你们的帮助。
$(document).off('click').on("click", "#button1", function (event) {
   $("#container").load("page1.php");
}

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

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

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