悬停在 raphaeljs 中不起作用

Question

我目前正在将匿名函数应用于悬停事件，该函数在内部调用全局函数：

GridInterface.HexGrid.TileGlobal = {

hoverIn: function(obj) {
  var self = obj;
  self.tile.attr({ fill: '#c7c7c7', stroke : '#000' });
  self.tile.toFront();
  self.label.toFront();
  self.label.attr({ fill : '#000' });
},

hoverOut: function(obj) {
  var self = obj;
  self.tile.attr({ fill : '#d0d1ff', stroke : '#aaa' });
  self.label.attr({ fill: '#999' });
}
}

然后我只需

 .hover(function() {
        GridInterface.HexGrid.TileGlobal.hoverIn(self);
      }, function() {
        GridInterface.HexGrid.TileGlobal.hoverOut(self);
      }
    )

在对象上调用： 。但是，当我将其切换为悬停时，该事件不会被删除。我认为这是因为它是一个不同的匿名函数。关于如何修复有什么想法吗？

Answer 1

    GridInterface.HexGrid.Tile = function(coords) {

        var self = this;


        this.hoverIn = function() {
          this.attr({ fill: '#c7c7c7', stroke : '#000' });
        };

        this.hoverOut = function() {
          this.attr({ fill: '#d0d1ff', stroke: '#aaa' });
        };

        this.attachEvents = function()
        {
          self.el[0].hover(self.hoverIn, self.hoverOut);
        };
    };

然后在其他地方我调用：

tile.el[0].unhover(tile.hoverIn, tile.hoverOut);

Tile 是上述函数的对象实例。

Answer 2

也许不是通过 raphäel 事件处理来解决问题，而是通过您选择的库来解决问题，即 jQuery： $(circle.node).click(...)

就像您可以按需添加事件/删除事件一样。