这个问题可能是由于事件叠加引起的。当使用 Jquery 或其他 javascript 库时,事件绑定和处理器会累加,从而导致 toggle 失效。这种情况下,可以尝试使用 off() 方法,以避免事件重复绑定。
以下是一个使用 off() 方法的示例代码:
$(document).ready(function(){
$("#myButton").off("click").on("click", function(){
$("body").toggleClass("bg-color");
});
});
在这个示例代码中,我们使用 off() 方法来移除之前绑定的 click 事件,然后再次使用 on() 方法来绑定 click 事件。这样可以确保每次点击按钮时都会触发 toggle 事件,而不是事件叠加。