Question

当我将鼠标移到饼上时，我可以看到console.log正在写入控制台。所以我决定添加一个代码来突出显示匹配pie的表行。

mouseOver: function(e) {
   console.log(this.options.id);
   $(this).find('#tableId tr#this.options.id').toggleClass("hover");
},
mouseOut: function(e) {
   console.log(this.options.id);
   $(this).find('#tableId tr#this.options.id').toggleClass("hover");
},
.......

拥有id="tableId

的表格

<table id="tableId">
   <tr id="someMatchingName">
      <td>Hello</td>
   </tr>
</table>

我知道这不起作用。我见过使用live的示例，但似乎不符合需要。有没有人知道当鼠标悬停在饼图上时我应该使用什么来突出显示行，而在鼠标移出时不要突出显示。

由于

Answer 1

ID在HTML中应该是唯一的，因此您只需编写

即可

mouseOver: function(e) {
   console.log(this.options.id);
   $('#' + this.options.id).addClass("hover");
},
mouseOut: function(e) {
   console.log(this.options.id);
   $('#' + this.options.id).removeClass("hover");
},
.......

将鼠标悬停在HighChart Pie上时突出显示表行

1 个答案: