javascript - 更改时的 jQuery 复选框不会从另一个文件的 jQuery 操作触发

Question

我有两个文件Home.js，header.js在头文件中我可以打开和关闭我的输入复选框，即侧抽屉打开按钮。但是在主文件中，当这个input#openSliderid 复选框发生更改时，我想将我的主内容推到正确的位置。我的主要问题是当我更改 header.js 时，Home.js 不会从中触发 removeClass。

这是我的代码；

header.js

function openSidebar() {   
        if ($('input#openSlider').is(':checked')) {
        $(".sidebar__container").addClass("sidebar__container--opened");

        if (localStorage.getItem("openedDrawer") === "true") {
            $(".blurred--background").removeClass("blurred--background--opened");
        } else {
            $(".blurred--background").addClass("blurred--background--opened");
        }

    } else {

    }
}


function closeSidebar() {
    $('input#openSlider').trigger('change')
    $(".sidebar__container").removeClass("sidebar__container--opened");
    $(".blurred--background").removeClass("blurred--background--opened");
    localStorage.setItem("openedDrawer", "false");
}

主页.js

$('#openSlider').on('change', function () {
    console.log('testste')
    if ($('input#openSlider').is(':checked')) {
        console.log('ture')
        $('.main--page__box').addClass("main__page--opened");
    } else {
        console.log('false')
        $('.main--page__box').removeClass("main__page--opened");
    }
});

当我从closeSidebar函数 in关闭抽屉时header.js，onChangeHome.js不会删除removeClass(main__page--opened)

我在这里找不到什么问题。任何帮助将不胜感激。谢谢

标签： javascripthtmljquerycss