为动态添加的li添加点击事件，但是可点击的范围却非常小

求大神帮忙。已经改了很多天了。在做下拉上滑的时候，动态添加的“li”,在谷歌中测试时，所动态添加的“li”的宽与高都是正常的，但是为添加的点击事件的可点击的范围却只在一行的开头的很小一部分，造成这个问题的原因是啥？，是不是我添加的样式存在一些问题。
动态添加的样式与内容如下：
+'<div class="table-view OA_taska">'
+'<lable class="mui-hidden" id="dataBillCode">'+data[i].billsortCode+'</lable>'
+'<lable class="mui-hidden" id="dataSysCode">'+data[i].sysCode+'</lable>'
+'<a href="#">'
+' <div class="mui-slider-handle mui-table" style="margin-top:15px;">'
+' <div class="mui-table-cell ">'
+' <div class="mui-table">'
+' <div class="mui-table-cell mui-col-xs-8">'
+' <h4 class="mui-ellipsis" style="font-weight:bold; color:black;">'+data[i].billsortName+'</h4>'
+' <h5 class="mui-ellipsis">'+reason+'</h5>'
+' </div>'
+' <div class="mui-table-cell mui-col-xs-4 mui-text-right" >'
+' <span class="mui-h4" style="color: blue;font-style:italic;">'+data[i].applyMoneySum.toFixed(2)+'</span>'
+' <p class="mui-h6 mui-ellipsis">'+data[i].applyDate+'</p>'
+' </div>'
+' </div>'
+' </div>'
+' </div>'
+'</a>'
+'</div>'