Question

我的笔：http://codepen.io/helloworld/pen/MYvZKL

在这里很晚，我很懒。我找不到这个小错误。

我有13个孩子div，每个页面上有6个。

这应该给我2,16666页。所以我最多可以打3页。

因此我希望有3个绿色li元素与页面类。

但只有2 ???

为什么？

   <ul id='command-pager' class="pagination">         
    </ul>
<div id="current-commands">
  <div class="command">1</div>
  <div class="command">2</div>
  <div class="command">3</div>
  <div class="command">4</div>
  <div class="command">5</div>
  <div class="command">6</div>

  <div class="command">1</div>
  <div class="command">2</div>    
  <div class="command">3</div>
  <div class="command">4</div>
  <div class="command">5</div>  
  <div class="command">6</div>

  <div class="command">1</div> 

</div>

.command{
  background:orange;
  border:1px solid blue;
  width:100px;
}

.page{
  background:green;
}

  $( document ).ready(function(){ 
      commandPager();
  });

function commandPager()
{ 
  var maxCommandsPerPage = 6;
  var totalCommands = $('#current-commands > div').length;
  alert(totalCommands);
  var numOfPages = totalCommands / maxCommandsPerPage;
  var allPages = Math.round(numOfPages)
  for(var i = 1; i <= allPages ; i++)
    {  
      $('#command-pager').append('<li class="page">' + i +'</li>')
    }
}

Answer 1

var numOfPages = 13 / 6;
//numOfPages == 2.16
//Math.round(2.16) == 2; // (its below 2.5 so it rounds to 2)

您想使用Math.ceil（）而不是Math.round（）。

//Math.ceil(2.16) == 3;

使用jquery插入错误的子div数

1 个答案: