轉換點擊懸停在基於jquery的時髦的動畫餅圖

Question

我在網上遇到了這個基於jQuery的餅圖。您可以從這裏免費下載：http://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/

我無法將滑動餅片的鼠標點擊功能轉換爲以相同方式在mousehover上作出反應。他們對鼠標懸停的反應似乎存在問題。但是，當將同一鼠標懸停應用於表格時，沒有任何問題，並且餅圖會按預期做出反應。您能否請您查看代碼並告訴我需要更改哪些內容才能使餅圖在鼠標懸停時展開。

非常感謝。

Answer 1

懸停事件在圖表上不起作用的原因是因爲圖表是一個畫布元素。切片不是單獨的元素。所以你需要使用mousestop事件，每當用戶將鼠標懸停在切片上並保持鼠標不動時，就會調用它。

的mousestop事件不來與jQuery，但理查德Scarrott做出了jQuery插件：http://www.richardscarrott.co.uk/posts/view/jquery-mousestop-event

您可以使用它的圖表是這樣的：

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