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

我按官网上的示例代码写了一个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+="

"+data[i].title+"";

}

//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('网络连接失败，请检查网络！');

}

});

});