最近有一个项目，是给每一个列表加上点击事件，列表数据是动态的
于是乎写了下面代码

<ul>
  <li ms-for="(index,el) in @columnList">
    {{el}}
  </li>
</ul>

$('li').click(function(){
  console.log($(this))
})

但发现根本不执行，想着应该是事件根本没有绑到dom上,于是直接用onclick

<ul>
  <li ms-for="(index,el) in @columnList" onclick="test(this)">
    {{el}}
  </li>
</ul>

function test(e){
  console.log($(e))
}

可行，但是总觉得这样写麻烦了，其实也没麻烦多少，但是还是想看看click到底怎么了,也不想把事件绑在dom上
后来查了一些资料，找到了on()这个方法，

on() 和 click() 的区别:
二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on() 能成功的绑定到动态控件中。

<ul>
  <li ms-for="(index,el) in @columnList">
    {{el}}
  </li>
</ul>

$('ul').on('click','li',function(){
  console.log($(this))
})