jquery - 鼠标悬停效果应该/必须保持点击直到另一个元素被点击

Question

伙计们，

first here the jsfiddle example

这是我的问题。我有3条路径。每条路径都应该/应该具有鼠标悬停效果（更改填充）。这对我行得通。 3 条路径中的 2 条应该/应该是可点击的，点击鼠标悬停效果应该/应该保持，直到我点击另一个（可点击的）路径。所以新的点击路径会得到效果，点击之前的路径会松动。

问题在于点击效果被mouseout功能移除！！！

简而言之。点击效果应该一直保持到我点击另一条路径并且只有一条路径可以同时具有点击效果。

我希望你能理解我的问题。看看jsfiddle，这样你就可以更好地理解了。

问候。

ps：我需要的第二件事是，单击 div 框并显示有关路径的文本的功能，但这很好用，所以你可以忽略它；）

Answer 1

看看this。

一个重要的注意事项是，如果你正在调用一个元素集合，并且你必须在某个事件上赋予每个元素相同的行为，你必须使用 .on（或 .delegate() 用于旧 jQuery 版本）。