html a 标签无法跳转,为什么点击页码后列表的a标签就无法跳转了？

如图，

列表最右侧的数字1是一个a链接，点击可以跳转到新页面。

在页码第一页时可以正常跳转。

当我点击到第二页时，列表的a链接便无法跳转。再回到第一页链接也无法跳转了。

也就是说只要点击页码后，列表里的a链接便无法跳转了。

分页用的是laypage，a链接换成button也是同样的问题。

请问这是什么原因？

function getInfo(page) {

$.ajax({

type: 'post',

url: '/web/illegalMessages',

//dataType:'json',

data: {

'page': page

},

async: false,

success: function(data) {

//var data = JSON.parse(data);

var list = data.data;

totalRow = data.totalRow; //获取总条数

if (data.flag == 'success') {

$('tbody').html(''); //先清空，否则再次查询会在本页累加数据

for (var i = 0; i < list.length; i++) {

var num=i+(page-1)*10

$('tbody').append(

'

' +

'

' + num + '' +

'

' + list[i].occurarea + '' +

'

' + list[i].platenumber + '' +

'

' + list[i].occurtime + '' +

'

' + list[i].markImgPath + '' +

'

' + list[i].detailImgPath + '' +

'

' + list[i].voicePath + list[i].videoPath + '' +

'

'+

''+

list[i].deal +

''+

'

' +

'

'

)

}

}

//配置并加载所需模块

layui.config({

base: 'base/lay/modules/'

}).use(['laypage', 'table'], function() {

var laypage = layui.laypage;

var table = layui.table;

//实例化分页

laypage.render({

elem: 'layPage' //分页容器的id

,

layout: ['prev', 'page', 'next', 'limits', 'count'] //排版

,

limit: 10 //每页显示数

,

count: totalRow //总条数

,

curr: page //当前页

,

groups: 3 //连续出现的页数

,

theme: '#1E9FFF' //自定义选中色值

,

skip: true //开启跳页

,

jump: function(obj, first) { //点击页码跳页

if (!first) {

$('tbody').html('');

getInfo(obj.curr); //查询，传参：当前页

}

}

});

});

},

error: function(XMLHttpRequest, textStatus, errorThrown) {

console.log(XMLHttpRequest.status);

console.log(XMLHttpRequest.readyState);

console.log(textStatus);

},

})

}

$(function() {

//存储id到会话并且跳转页面

$('tbody a').unbind('click').on('click',function(){

var id=$(this).parents('tr').attr("id");

sessionStorage.setItem('id',id);

$(this).attr("href","../Illegal_honking/Illegal_honking.html");

})

})