jQuery代表回调

我在jQuery中使用.delegate()处理回调函数时遇到了一些问题。此设置使用2个文件 - 其中$ B是创建的，另一个是简单的$（doc）.ready文件。jQuery代表回调

我有一个SVG文件与<g>标签一堆（50+）我需要跟踪，当我点击，侧翻，部署等而不是附加的功能到<g>节点，代表看起来像一个更清洁的选择。

但是，我遇到了一个问题，我认为这是我在JavaScript方面相对缺乏的知识。

下面是我的主要就绪（）文件中的设置：

$C.Events.onStation({ 
    click : function(e){ 
     console.log(e) 
      return false; 
    }, 
    mouseenter : function(e){ 
     return false; 
    }, 
    mouseleave : function(e){ 
     return false; 
    } 
})

这工作正常。一切都穿过，里面等我的$ B.Events对象：

Events : new function(){ 
    var _station = function(obj){ 
     // delegate the events to the primary SVG node 
     for(var type in obj){ 
      $(City.Map.node).delegate('g', type, function(){ 
      obj[type]() 
     }) 
    } 
    return { 
     onStation : _station 
    } 
    // others taken out for relevance 
}()

现在，有了这个，如果我只是在obj[type]传入另一个函数进行包装，而不是，它工作正常。唯一的问题是我需要做一些事前处理（即与事件数据对象混淆）以及将所有return false的代码移动到代理代码中，而不是把我的其他文件弄糟。

那么如何从jQuery的.delegate()函数中的回调处理函数中执行的第一个代码块获取函数？

编辑回应

我认为这是朝着正确方向迈出的一步。我有一种感觉，它有JS的本质，但不一定是逻辑。这就是为什么我有时候讨厌Javascript。

该解决方案的问题在于它将基元传递给通用构建器函数。我需要存储并返回一个可执行的函数。我试过的几件事情都没有成功。这里有许多事情我试过一个例子：

var _station = function(events){ 
    var _funcs = {} 
    var _selection = null; 

    var create = function(f){ 
     return function(){ return f() } 
    } 
    for(var t in events){ 
     _funcs[t] = create(t, events[t]) 
    } 
    console.log(_funcs) 

    // delegate the events to the primary SVG node 
    for(var type in events){ 
     $('#stations', Bart.Map.node).delegate('g', type, function(e){     
      _funcs[type](e) 
      e.stopPropagation() 
     }) 
    } 
}

当我log(_funcs[type])它回来的功能，但我不能执行它为我的生活。

这封闭的东西杀了我。

来源

2012-01-10 Phix

我不太清楚，但我认为你的问题是你正在循环中创建一个闭包。请看看[这个问题]（http：// stackoverflow。com/questions/750486/javascript-closure-inside-loops-simple-practical-example），让我们知道这是否解决了这个问题。 – 2012-01-10 10:10:11

是的，我认为这与此有关，但我无法获得适合我使用的代码。我更新了原文，以反映。谢谢菲利克斯，我们将其添加为书签以供将来使用。 – Phix 2012-01-10 19:40:41

你仍然有生成一个循环闭包的问题。您可以通过type作为事件数据：

var $target = $('#stations', Bart.Map.node); // capturing is a good idea 

for(var type in events){ 
    $target.on(type, 'g', {type: type}, function(e){     
     _funcs[e.data.type](e); 
     e.stopPropagation(); 
    }) 
}

或者你可以用jQuery.each遍历events：

重要的一点是，每封（事件处理程序）有它自己的type变量访问。

请注意，我使用.on()而不是.delegate()作为自jQuery 1.7以来的首选。

来源

2012-01-10 19:48:52

你打败了我！我重新讨论了'on（）'方法，它似乎很好。非常感谢您投入时间。干杯! – Phix 2012-01-10 20:18:51

不客气:) – 2012-01-10 20:20:43

@FelixKling，你知道一种将事件委托给SVG元素的方法吗？ – Starx 2013-01-21 04:01:11

jQuery代表回调

回答

相关问题