jQuery addClass（）在removeClass（）之后不起作用

Question

我有兩個jquery函數。 調用第一個函數類時，將刪除它們，並更改兩個onclick屬性。

但是，在調用該函數以刪除這些類之后，第二個函數將無法工作，因此無法再添加這些類，也無法添加onclick事件。

編輯1：如前所述，第一個功能正在起作用！ onclick事件將被更改，類將被刪除。 在第二個功能中再次添加相同的類和功能時，它將不起作用！ 在添加新類時，它可以工作，但是在添加已刪除的類之一或onclick事件時，它不能工作！

這是代碼：

// show info
function showKursInfo() {
    $(".kright").removeClass("kursMobileOpen");
    $(".kleft").removeClass("kursMobileInfo");

    $(".kright").attr("onclick","#");
    $(".kheader").attr("onclick","hideKursInfo('someInfo');");
}
// hide info
function hideKursInfo() {
    $(".kright").addClass("kursMobileOpen");
    $(".kleft").addClass("kursMobileInfo");

    $(".kright").attr("onclick","showKursInfo('someInfo');");
    $(".kheader").attr("onclick","#");
}

謝謝你的幫助！

對於那些不喜歡這個問題的人：請告訴我為什么這是一個不好的問題？

Answer 1

不要將attr用於注冊點擊事件。 使用click或on ！

// show info
function showKursInfo() {
    $(".kright").removeClass("kursMobileOpen");
    $(".kleft").removeClass("kursMobileInfo");

    $(".kright").off("click");
    $(".kheader").on("click", hideKursInfo);
}

// hide info
function hideKursInfo() {
    $(".kright").addClass("kursMobileOpen");
    $(".kleft").addClass("kursMobileInfo");

    $(".kright").on("click", showKursInfo);
    $(".kheader").off("click");
}