xiaoben-as2-php/protected/views/magic/magic_word_new/footer.php

<script src="<?php echo $server.'/js/magic_word/jq.1.11.js'; ?>"></script>
<script>
    // 分页逻辑; 一张纸正反2面 共2页分30行 首页14行 其余每页16行
    // 获取总行数
    var totalRows = $('.word-li').length
    console.log('总行数', totalRows)
    // 计算除前2页外,其余总页数
    var restPages = Math.ceil((totalRows - 30) / 16) || 0
    console.log('其余页数', restPages)

    for (var i = 0; i < restPages; i++) {
        // 每页dom结构
        var pageDom = $('.page').eq(1).clone()
        $('.page').eq(i + 1).after(pageDom)
        // 每一页前插入分页符
        $('.page').eq(i + 1).after('<div style="page-break-after: always;"></div>')
    }
    var totalPage = $('.page').length
    console.log('总页数', $('.page').length)
    // 第一页分页
    $('.page').eq(0).find('.word-li').each(function () {
        if ($(this).index() > 13) {
            $('.page').eq(1).find('.word-list').append($(this))
        }
    })
    // 其它页分页
    $('.page').each(function (index) {
        if (index > 0) {
            $('.page').eq(index).find('.word-li').each(function (row) {
                if (row > 15) {
                    $('.page').eq(index + 1).find('.word-list').append($(this))
                }
            })
        }
    })
    // 题不足一页的 补满一页 适应样式
    var curNum, needNum, curPage
    if (totalRows > 14) {
        curNum = $('.page').last().find('.word-li').length
        needNum = 16 - curNum
        curPage = $('.page').last()
    } else {
        curNum = $('.first-page').find('.word-li').length
        needNum = 14 - curNum
        curPage = $('.first-page')
    }
    for (var i = 0; i < needNum; i++) {
        curPage.find('.word-list').append('<li class="word-li"></li>')
    }
</script>
</body>

</html>