jq中的直接获取和间接获取的东西是不一样的。
这里的分页插件来自https://github.com/mricle/Mricode.Pagination
下面的代码,如果把
$("#detail-page").pagination(
改为
let detailPage = $("#detail-page");
$(detailPage).pagination(
后分页插件就不再起作用了。原因未知。
//发送请求并获取数据
function getFeedbackDetail(trTag, pageIndex = 0)
{
//默认每页显示数量
const pageSize = 10;
let userId = $(trTag).data("user-id");
$("#feedback-reply").parent().before('<div id="detail-page"></div>');
$("#dataLoading").show();
$("#detail-page").pagination(
{
pageSize: pageSize, //每页显示数量
pageBtnCount: 11, //翻页按键的最大数量
showPageSizes: true, //选择每页显示数量
pageIndex: pageIndex,
remote:
{
url: "~",
params: {userId: userId},
pageParams: function (data)
{
//发送请求时将页码从0开始改为从1开始
let pageIndex = data.pageIndex + 1;
return {
pageOn: pageIndex,
pageSize: data.pageSize
};
},
totalName: "count",
success: function (data)
{
$("#dataLoading").hide();
buildFeedbackDetail(data);
}
}
});
//添加翻页按键的点击事件
$("#detail-page").on("pageClicked", function (event, data)
{
$("#dataLoading").show();
});
}