关于列表页面跳转详情页面问题，无法跳转

我按官网上的示例代码写了一个demo稿，不知道怎么点击无反应，大神指点下，另外用HBuilder怎样调试呢

列表页面代码
//初始化预加载详情页面
mui.init({
preloadPages:[{
id:'Details.html',
url:'Details.html'
}]
});
var detailPage = null;
//添加列表项点击事件
mui('.mui-table-view').on('tap','.mui-table-view-cell',function(){
var id = this.getAttribute('id');
//获得详情页面
if(!detailPage){
detailPage = plus.webview.getWebviewById('Details.html');
}
//触发详情页面的newsId事件
mui.fire(detailPage,'newId',{
id:id
});
//打开详情页面
mui.openWindow({
id:'Details.html',
url:"Details.html"
});
});
//var _list = document.getElementById("dataList");
var _strList = "";
var url = "http://192.168.1.125:12011/api/dtLink";
mui.ajax(
url,{
dataType:'json',//服务器返回json格式数据
type:'GET',//HTTP请求类型
timeout:6000,//超时时间设置为10秒
success:function(data){
//服务器返回响应，根据响应结果，分析是否登录成功；
//alert(data);
//alert(JSON.stringify(data));
for (var i = 0; i < data.length; i++) {
_strList+="<li class='mui-table-view-cell' id='"+data[i].id+"' ><a class='mui-navigate-right'>"+data[i].title+"</a></li>";
}
//alert(_strList);
document.getElementById("dataList").innerHTML=_strList;
},
error:function(xhr,type,errorThrown){
alert('网络连接失败，请检查网络！');
}
});

详情页面代码 ：
mui.init();
//添加newId自定义事情监听
window.addEventListener('newId',function(event){
//获得事件参数
var id = event.detail.id;
alert(id);
var url="http://192.168.1.125:12011/api/dtLink/"+id;
mui.ajax(
url,{
dataType:'json',//服务器返回json格式数据
type:'GET',//HTTP请求类型
timeout:6000,//超时时间设置为10秒
success:function(data){
//服务器返回响应，根据响应结果，分析是否登录成功；
//alert(data);
alert(JSON.stringify(data));
},
error:function(xhr,type,errorThrown){
alert('网络连接失败，请检查网络！');
}
});
});