最近在开发中发现,tpl模板文件中无法用元素id触发js文件中相应的click事件,如下:
.tpl文件
{{each list}}
<div>
<select>
<option value="{{$value.id}}">{{$value.name}}</option>
</select>
<span id="fnSelect">选择</span>
</div>
{{/each}}
.js文件
$("#fnSelect").click(fnList);
function fnList(){
}
楼主尝试的解决办法:运用a标签替代
.tpl
{{each list}}
<div>
<select>
<option value="{{$value.id}}">{{$value.name}}</option>
</select>
<a href="javascript:fnList();" >选择</a>
</div>
{{/each}}
.js
function fnList(){
}
这样就可以成功触发fnlist()事件,还有其他的解决办法,欢迎讨论