jQuery 中 on 方法-----给未来元素添加事件

<li class='clear dir-li'>
    <div class='left title'> 添加到目录:</div>
    <div class='left item' >
        <if condition="$dirs neq ''">
            <select act-v='1' act="{:U('Content/getDirs')}" class='input dir-ctrl select' title='目录' name="dir">
                <option value="0">请选择目录</option>
                <foreach name='dirs' item='v'>
                    <option value="{$v}">{:str_replace('../','',$v)}</option>
                </foreach>
            </select>
       <select act-v='1' act="{:U('Content/getDirs')}" class='input dir-ctrl select' title='目录' name="dir">
                <option value="0">请选择目录</option>
                <foreach name='dirs' item='v'>
                    <option value="{$v}">{:str_replace('../','',$v)}</option>
                </foreach>
            </select>
  </div>
</li>

结构如上:假设红色部分是未来元素

$(".dir-li #dir-ctrl-dv").on('change','.dir-ctrl',function () {
      #....code          
}

这样就给未来元素添加了事件。