Javascript ¿;如何防止我在单击分页按钮或标题列时创建的JQuery datatable重置样式?

Javascript ¿;如何防止我在单击分页按钮或标题列时创建的JQuery datatable重置样式?,javascript,jquery,html,css,datatables,Javascript,Jquery,Html,Css,Datatables,注意:没有必要查看所有HTML代码,因为我想显示许多页面来描述我的问题 我只使用datatables的筛选和分页功能,我不需要样式,我想为自己设置样式。但我有一个问题,当我单击一些分页链接或标题进行排序时,我在分页链接上放置的样式消失了,我不知道为什么 我试着把它放进去!我的风格的重要关键词赢得了特殊性,但这不起作用 有没有什么方法可以使我的样式在单击时不会重置 以下是我的代码、html样式和插件的初始化: $(文档).ready(函数(){ $.fn.DataTable.ext.pager.

注意:没有必要查看所有HTML代码,因为我想显示许多页面来描述我的问题

我只使用datatables的筛选和分页功能,我不需要样式,我想为自己设置样式。但我有一个问题,当我单击一些分页链接或标题进行排序时,我在分页链接上放置的样式消失了,我不知道为什么

我试着把它放进去!我的风格的重要关键词赢得了特殊性,但这不起作用

有没有什么方法可以使我的样式在单击时不会重置

以下是我的代码、html样式和插件的初始化:

$(文档).ready(函数(){
$.fn.DataTable.ext.pager.numbers\u length=5
$('#新闻')。数据表({
行重新排序:对,
dom:'
});
让paginationElements=document.queryselectoral(“#news_paginate>span.paginate_按钮”);
paginationElements.forEach(函数(值、键、节点列表){
value.setAttribute(“类”、“标签页”)
setAttribute(“id”,“切换-”+键)
})
//window.filterControl.appendChild(window.filterOptions);
//window.paginationControl.appendChild(window.paginationOptions);
});
正文{
显示器:flex;
保证金:0;
填充:0;
左:1rem;
右侧填充:1rem;
证明内容:中心;
对齐项目:居中;
高度:100vh;
背景色:#ffffff;
字体系列:sanserif;
}
.饭盒{
宽度:890px;
高度:400px;
溢出y:滚动;
盒影:0 10px 100px rgba(0,0,0,0.5);
左边距:自动;
右边距:自动;
}
桌子{
宽度:100%;
}
桌子
th,
运输署{
边框:1px实心#005277;
边界塌陷:塌陷;
}
第四名:第n名儿童(1){
背面颜色:粉红色;
}
th{
背景色:#1e305b;
颜色:白色;
}
th,
运输署{
填充:10px;
}
泰德{
位置:粘性;
排名:0;
}
.新闻组{
显示:网格;
网格模板行:“”
}
.filter控件包装器{
边缘底部:16px;
显示器:flex;
证明内容:柔性端;
}
输入[type=“search”]{
边框:1px实心透明;
边界半径:2em;
垫底:5px;
左侧填充:16px;
右边填充:16px;
填充顶部:16px;
填充底部:16px;
过渡:0.2s边框颜色缓进缓出;
}
* {
字体系列:“源Sans-Pro”,无衬线;
}
标签{
字体大小:24px;
}
输入[type=“search”]:焦点{
边框颜色:海军蓝;
}
/*此处分页*/
.标签页{
宽度:80px;
高度:25px;
利润率:0.10px;
边界半径:999px;
背景:深红色;
光标:指针;
框阴影:
0 5px 5px-5px rgba(深红色,0.15),
0 10px 10px-5px rgba(深红色,0.15),
0 15px 15px-5px rgba(深红色,0.15),
20px20px-5pxRGBA(深红色,0.15);
过渡:0.25秒缓解;
显示器:flex;
对齐项目:居中;
证明内容:中心;
颜色:#fff;
填充:10px;
}
[id*=“切换-”]:悬停{
宽度:120px;
}
.dataTables_paginate{
边缘顶部:16px;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
.dataTables_paginate span{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}

提特罗
选择素
老虎尼克松
加勒特温特斯
阿什顿考克斯
6.
塞德里克·凯利
41
佐藤航空
55
阿什顿考克斯
6.
老虎尼克松
2.
阿什顿考克斯
6.
塞德里克·凯利
41
佐藤航空
55
阿什顿考克斯
6.
老虎尼克松
2.
阿什顿考克斯
6.
塞德里克·凯利
41
佐藤航空
55
阿什顿考克斯
6.
老虎尼克松
2.
阿什顿考克斯
    let paginationElements = document.querySelectorAll("#news_paginate > span .paginate_button");

    paginationElements.forEach(function (value, key, nodeList) {
        value.setAttribute("class", "label-page")
        value.setAttribute("id","toggle-" + key)

    })