JQuery контекст привязки несовпадение

Question

У меня есть пункт меню HTML, который я связать click обработчик в JQuery:

var xyz = { 
    getMainContainerSelector: function() { 
     return '.container#main'; 
    }, 
    bindMenuOptions: function() { 
     $('#menu_outcome_list').bind('click', function() { 
      // inject template 
      $(this.getMainContainerSelector()).html(ich.outcomeListTemplate({})); 
      // load datatable 
      $('#outcomes').dataTable({ 
       "bServerSide": true, 
       'sPaginationType': 'bootstrap', 
       "sAjaxSource": '../php/client/json.php?type=outcomes' 
      }); 
     }); 
    }, 
    ... 
} 

У меня есть проблемы со следующей строкой:

$(this.getMainContainerSelector()).html(ich.outcomeListTemplate({})); 

и я думаю, что это проблема контекста. Я имею в виду, что внутри функции связывания this больше не xyz, а элемент HTML ('#menu_outcome_list'). То, что я хочу сделать, это просто вызвать метод xyz изнутри функции bind.

Answer 1

У вас все еще есть доступ к закрытию в методах, которые вы определяете в xyz.

Вы можете просто позвонить xyx.getMainContainerSelector();

Если вы хотите раствор jQuery МОГ, JQuery имеет jQuery.proxy() функцию, которая связывает контекст:

$('#menu_outcome_list').bind('click', $.proxy(function(){ 
    //rest of your code 
},xyz)}) 

Я думаю, что первый вариант лучше, хотя.