Javascript Jquery鼠标悬停回调不工作

我在d3中创建了SVG圆形元素

我试图在这个圆圈上创建鼠标悬停效果，但事件从未触发

这是悬停代码-

$('#tooltip_area').mouseover(function(event) {
  div.transition()
    .duration(200)
    .style("opacity", .9);
  div.html('Hi, This is Sample Text')
    .style("left", (event.pageX) + "px")
    .style("top", (event.pageY + 28) + "px");
});

我不确定为什么悬停代码没有被触发

我认为您应该使用

hover

悬停效果的事件。下面是悬停事件的工作原理示例

$(".area").hover(function(){
    //This function executes when your mouse pointer enters the area.
    alert("You entered.");
},
function(){
    // This function executes when your mouse pointer leaves the area.
    alert("You left.");
});

---

我使用了D3事件，而不是jquery事件，它起了作用。正如@gerardo furtado在评论中所建议的，混合使用jquery和D3从来都不是一个好主意。

div.transition（）；是否定义了div？你的控制台是怎么说的？div指的是什么？发布你的全部代码！混合使用D3和jQuery从来不是一个好主意。尽管如此，您的问题中的代码仍然有效：话虽如此，我还是投票结束了这个问题：“寻求调试帮助的问题（“为什么这个代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。”