在jQuery中使用函数handler + parameter调用事件

Question

我有以下代码重复一次，只有一些变化：

$('#mapContainer').on({
    mouseenter: function () {
        Map.ApplyEvents.Country(this.id);
    },
    click: function () {
        Map.Zoom.State(this.id);
    }
},
'.mapaCountry path');

// this is in another function
$('#mapContainer').on({
    mouseenter: function () {
        Map.ApplyEvents.State(this.id);
    },
    click: function () {
        Map.Zoom.County(this.id);
    }
},
'.mapaState path');

在所有事件中，我必须调用一个匿名函数来调用内部的1个函数。

有没有办法将此代码分配处理程序转换为所需的函数，还可以使用this.id通知参数？

我希望实现这样的目标：
（注意：我知道这是错误的语法。）

$('#mapContainer').on({
    mouseenter: Map.ApplyEvents.Country(this.id),
    click: Map.Zoom.State(this.id)
},
'.mapaCountry path');

$('#mapContainer').on({
    mouseenter: Map.ApplyEvents.State(this.id);
    click: Map.Zoom.County(this.id)
},
'.mapaState path');

Answer 1

恕我直言，你的第一个片段是实现你想要的最惯用的方式。

---

如果真有这样的绑定不计其数，而你的地图API 仅仅包括采取恰好一个唯一的字符串参数的功能，你可以拿出一个定制粘合剂：

$.fn.bindIDlistener = function(handlers, sel) {
    var wrapper  = {}, evt;
    for (evt in handlers) {
        wrapper[evt] = function(){ handlers[evt](this.id); };
    }
    this.on(wrapper, sel);
}

//usage :
$('#mapContainer').bindIDlistener({
    mouseenter: Map.ApplyEvents.Country,
    click: Map.Zoom.State
},
'.mapaCountry path');

$('#mapContainer').bindIDlistener({
    mouseenter: Map.ApplyEvents.State,
    click: Map.Zoom.County
},
'.mapaState path');

但我仍然建议强烈思考这种方法的小优点（每个事件处理程序20个字符），以防止你可以遇到的快速限制（在链中添加另一个故障点，代码对外部方的可读性较差，难以通过处理程序的第二个参数等...）

Answer 2

我知道我以前对此感到恼火。 如果我没记错的话，这是一个宣言问题。

我认为这不起作用。

function myFunction(){}

这样做。

var myFunction() = function(){}

也许这并不能解决您的确切问题，因为我不知道您的函数是如何声明的。