jquery addClass（）removeClass（）の後に動作しません

Question

私は2つのjquery関数を持っています。最初の関数を呼び出すと、クラスが削除され、2つのonclick属性が変更されます。

しかし、クラスを削除する関数を呼び出した後、2番目の関数は機能しないので、クラスをもう追加できなくなり、onclickイベントも発生します。

編集1：既に述べたように、最初の機能が動作しています。 onclickイベントが変更され、クラスが削除されています。 2つ目の関数内で同じクラスと関数を再度追加すると機能しません！新しいクラスを追加すると機能しますが、削除されたクラスまたは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"); 
}