时间戳

首页 > 解决方案 > 通过javascript添加时引导分页没有样式

javascript - 通过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

标签： javascripttwitter-bootstrap

解决方案

selectPagination.className += "page-item";

应该

selectPagination.className += "link-item";

推荐阅读