javascript - 鼠标悬停在动画路径上不起作用

Question

我使用以下代码更改路径stroke-width时mouseover，但它不起作用......我已经检查了很多关于这个问题的解决方案，他们似乎使用与我相同的解决方案。我canvas的是Raphael("svgContainer", 100, 100);

 function drawPath(i,floorlevel,pointsNum){


  var x1 = floorlevel[i].x;
  var y1 = floorlevel[i].y;
  var x2 = floorlevel[i+1].x;
  var y2 = floorlevel[i+1].y;
  var p = canvas.path("M"+x1 +" "+ y1);
  p.attr("stroke", get_random_color());
  p.attr("stroke-width",4);
  p.attr("id",floorlevel[i].node+floorlevel[i+1].node);


  p.animate({path:"M"+x1 +" "+ y1+ " L" + x2 +" "+ y2}, 1000);

  var set = canvas.set();

  var hoverIn = function() {
      this.attr({"stroke-width": 10});
  };

  var hoverOut = function() {
      this.attr({"stroke-width": 10});    
  }

  p.hover(hoverIn, hoverOut, p, p);
  set.push(p);
}   

Answer 1

当我为传递给函数的参数添加虚拟值时，它似乎工作正常：

http://jsfiddle.net/hKCDg/

我注意到你有相同stroke-width的hoverInand hoverOut，这违背了目的。

  var hoverIn = function() {
      this.attr({"stroke-width": 10});
  };

  var hoverOut = function() {
      this.attr({"stroke-width": 10});    
  };

5我在这里的演示中将后者更改为视觉效果。

您传递给函数的值可能有错误？