JavascriptMVC 控制器事件处理程序中的自定义选择？答案

【问题标题】：Custom selections in JavascriptMVC Controller event handler?JavascriptMVC 控制器事件处理程序中的自定义选择？
【发布时间】：2012-10-26 07:44:32
【问题描述】：

在 JavascriptMVC 的控制器中，它们使用以下格式进行事件处理

代替经典的jquery

$(function(){
  $('#tabs').click(someCallbackFunction1)
  $('#tabs .tab').click(someCallbackFunction2)
  $('#tabs .delete click').click(someCallbackFunction3)
});

他们这样做

$.Controller('Tabs',{
  click: function() {...},
  '.tab click' : function() {...},
  '.delete click' : function() {...}
})

有什么方法可以使用他们的方式为以下 jquery 选择设置点击事件处理程序：

$('#continent_select').siblings("ul:first").find('a').click(function() {
    console.log('here');
});

如果不可能，最好在哪里初始化这个处理程序？

【问题讨论】：

标签： javascript jquery events javascriptmvc

【解决方案1】：

$.Controller 允许将 DOM 事件绑定到其容器元素及其任何后代。

它还允许将事件绑定到对象（并且可以扩展以满足您的特殊需求）。

如果$('#content_select') 与您的控制器的元素匹配，那么您将无法将元素绑定到其兄弟元素。如果它包含在您的控制器元素中，那么您必须构建适当的选择器，从您的代码的外观来看，它可能看起来像这样：

li:has(#content_select) > ul:first a

【讨论】：