对动态创建的元素使用$.proxy

$.proxy 在混合中,它不再起作用。我可以得到 单独工作,我可以让动态元素上的click事件也单独工作,但是当我尝试将它们组合在一起来做我需要的事情时,它不起作用。为什么会这样?

selectProduct: function(){
    console.log("hello");
},

binds: function() {
    // When user selects a product
    $('#sfProductList').on('click', '.lm-fancy-select__option', function(){
        $.proxy(this.selectProduct, this);
    });
}

binds: function() {    
  // When user selects a product
  $('#sfProductList').on('click', '.lm-fancy-select__option', $.proxy(this.selectProduct, this));
}

如果元素不是动态创建的,则此操作有效:

binds: function() {
    // When user selects a product
    $('#sfProductList .lm-fancy-select__option').on('click', $.proxy(this.selectProduct, this));
}