javascript - 引っ越し後のulのliのクリックイベントが引っ越しイベントと競合する

Question

図に示すように: 私が望む効果は、ul の li が移動すると色が赤に変わり、移動すると色が青に変わることです。
しかし、特定の li が選択された (つまりクリックされた) 場合、次の li をクリックする前に、この li が常に赤であることを願っています。マウスが再びそこを通過して削除イベントがトリガーされた場合でも、別の li をクリックするまで赤のままである必要があります。

以下は私のコードです。このコードの効果は、クリックした後、li を外に移動すると、色は青のままになります。ただし、クリックされた li を再度移動させたり外に移動すると、その色は変わります。赤のままではなく青になります。

この問題の解決を手伝ってくれる人はいますか =-= よろしくお願いします

リーリー

Answer 1

CSSの位置を変更すると効果が得られます。私の言うことが信じられないなら、試してみてください。デモは後で時間があるときに書きます。

js はどれをクリックしたかを区別するだけです

Answer 2

クリック時に追加されたクラスは、クリック時に追加されたクラスよりも優先度が低くなります!重要です。

Answer 3

CSS

リーリー

js:

リーリー

Answer 4

ご招待ありがとうございます。

HTML:

リーリー

CSS:

リーリー

JavaScript:

リーリー

そうですか？