[英]bootstrap pagination not styled when added via javascript
我正在一個有多個頁面的網站上工作。 我通過javascript添加它們,但我無法理解為什么它們沒有被設置樣式。
我已經嘗試搜索一些初始化代碼,並查看了stackoverflow論壇。
var pagination = document.getElementById('pagination');
pagination.innerHTML = "";
var firstPagination = document.createElement("li");
if(page == 1){
firstPagination.className += "page-item disabled";
}else{
firstPagination.className += "page-item";
}
var firstPaginationLink = document.createElement("a");
firstPaginationLink.className += "page-item";
firstPaginationLink.innerHTML = "«";
pagination.appendChild(firstPagination);
firstPagination.appendChild(firstPaginationLink);
for(var i = 1; i < totalpages; i++){
var selectPagination = document.createElement("li");
if(page == i){
selectPagination.className += "page-item active";
}else{
selectPagination.className += "page-item";
}
var selectPaginationLink = document.createElement("a");
selectPaginationLink.className += "page-item";
selectPaginationLink.innerHTML = i;
pagination.appendChild(selectPagination);
selectPagination.appendChild(selectPaginationLink);
}
var lastPagination = document.createElement("li");
if(page == totalpages - 1){
lastPagination.className += "page-item disabled";
}else{
lastPagination.className += "page-item";
}
var lastPaginationLink = document.createElement("a");
lastPaginationLink.className += "page-item";
lastPaginationLink.innerHTML = "»";
pagination.appendChild(lastPagination);
lastPagination.appendChild(lastPaginationLink);
想象一下我得到的與我想要的東西: http : //prntscr.com/nky7pc
html: http : //prntscr.com/nky9bl
selectPagination.className += "page-item";
應該
selectPagination.className += "link-item";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.