单击元素（jQuery）后如何防止任何事件继续？

Question

我正在尝试创建一些你可以评价为no的东西。的星星然而，在我点击我想要的评级并打印出星数后，我仍然可以点击星星并更改值。点击后如何停止所有事件？

这是我的问题的jsFiddle演示：

http://jsfiddle.net/3pMuy/

Answer 1

您可以使用.one ^[docs]。与此绑定的事件处理程序只会执行一次。

Answer 2

旗帜建议并不坏。 这将为你解决问题。

不是最好的洗礼，但是......嘿检查一下！

http://jsfiddle.net/3pMuy/21/

Answer 3

每次你悬停一颗星时，你的代码会绑定一个jQuery事件，这很糟糕。

顺便说一句，This Demo是您的版本的解决方案，增加了一行：

$('ul li').unbind("click").unbind("mouseenter").unbind("mouseleave");

我建议您考虑在悬停事件之外移动点击绑定并使用.one()