簡體   English   中英

通過javascript添加時,引導程序分頁未設置樣式

[英]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 = "&raquo;";

    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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM