无法消除点击时的悬停效果？

Question

这是我的代码：

  <Switch>
     <Route exact path='/login' component={Login} />
     <Layout>
         <Route exact path='/' component={Dashboard} />
         <Route exact path='/players' component={Players} />
         <Route path='/settings' component={Settings} />
     </Layout>
     <Route component={ErrorPage} />
  </Switch>

我已经尝试过.unbind和.off，但是mouseout仍然有效吗？救命？我想在以前的元素上添加rating_over类，并在单击时添加目标元素，并禁用悬停的鼠标移出效果。

Answer 1

与解除绑定hover时的所有事件不同，您应该使用mouseenter mouseleave

$('.ratings_stars').unbind('mouseenter mouseleave');