动态渲染的页面如下
function GetProperty_Success(data){
console.log(data)
var str ="";
for(var i=0;i<data.d.length;i++){
str +="<li class=\"mui-table-view-cell mui-collapse\">"
str +="<a class=\"mui-navigate-right content\" href='#float" + (1+i) + "' >"+ data.d[i].Name +"</a>"
str +="</li>"
}
$("#header_list").html(str);
}
之所以点击无反应,是因为mui框架不推荐使用onclic或href跳转
<script>
mui('.header').on('tap','li',function(e){
console.log(111)
});
</script>
如果要获取a标签里面的内容时可以直接把li改为a
<script>
mui('.header').on('tap','a',function(e){
console.log(111)
});
</script>
mui框架不推荐使用onclick(会有300ms延迟),或href跳转(会出现白屏现象).
建议使用事件委托监听tap事件,这样就解决了.