javascript - 在基于 Jquery 的时髦动画饼图中将单击转换为悬停

Question

我在网上遇到了这个基于 Jquery 的饼图。您可以从这里免费下载：http ://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/

我无法将滑动饼块的鼠标单击功能转换为以相同的方式对鼠标悬停做出反应。他们对鼠标悬停的反应方式似乎存在问题。但是，当将相同的鼠标悬停应用到表格时，没有问题，并且饼图会按预期做出反应。您能否查看代码并告诉我需要更改哪些内容才能使饼图在鼠标悬停时展开。

非常感谢你。

Answer 1

悬停事件在图表上不起作用的原因是图表是画布元素。切片不是单独的元素。因此，您需要使用 mousestop 事件，每次用户将鼠标悬停在切片上并保持鼠标不动时都会调用该事件。

mousestop 事件不随 Jquery 提供，但 Richard Scarrott 制作了一个 Jquery 插件：http ://www.richardscarrott.co.uk/posts/view/jquery-mousestop-event

您可以像这样在图表上使用它：

$('#chart').mousestop(100, handleChartClick);