tap 事件打开详情页面，和传值应该如何实现？求教

一个List如下： 希望能有点击事件，可以打开某一个详情页面。需要怎么实现？ 谢谢~
ul.innerHTML ='<ul class="mui-table-view-cell" id="traininglist" data-id="' + data[i].id + '">' +
'<div class="mui-slider-handle">' +
'<div class="mui-media-ellipsis"> <a href="detail.html?id='+ data[i].id + '">培训题目:' +
data[i].title +
'</a><p class="mui-ellipsis">培训对象：'+data[i].tuser+'</p>'+'<p class="mui-ellipsis">所在岗位：'+ data[i].pi+'</p>'+'<p class="mui-ellipsis">培训日期：'+ data[i].tdate+'</p>'+'<p class="mui-ellipsis">培训类别：'+data[i].type+'</p>'+'<p class="mui-ellipsis">培训媒体：'+data[i].tmedia+'</p>'+'<p class="mui-ellipsis">培训详情：'+data[i].content+'</p>'+ '<p class="mui-ellipsis" >培训状态：'+data[i].status+'</p>'+
'</div>' +
'</div>' +
'</ul>'