InnerHtml没有变化

Question

我有以下代码，在调用<li>时动态添加addBTS()个元素。点击处理程序使用jQuery .on click事件附加到所有当前和未来的<li>元素：

class Toolbar
  constructor: () ->

    @selected_BTS = undefined
    @bts_dropdown_selecion_clickhandler()

  addBTS: (name) =>
    $('#bts-dropdown').append "<li>#{name}</li>"

  bts_dropdown_selecion_clickhandler: () =>
    $('#bts-dropdown li').on 'click', ->
      console.log $(this).html
      Toolbar.selected_BTS = $(this).html
      $('#bts-display-button').html(Toolbar.selected_BTS)

例如：当我点击动态创建的元素时<li>one</li> Toolbar.selected_BTS被正确设置为“1”，但`#bts-display-button'的innerHtml保持不变。