克隆div如果它溢出父底部到其他div

Question

我正在为WP制作A4打印模板，我希望它在内容溢出时动态创建新页面。所以我的计划是针对偏移量大于父母.top + height();的每个子div。注意：我使用self.css('color','red');检查函数是否正常工作。

使用下面的代码我收到错误：

  

未定义copyCon

function newPage() {
    if ($(this).height() > a4Height) {
        offObject.each(function() {
            var self = $(this);
            var offObjectWrap = self.parent().parent().parent('.docWrap');
            var wrapBottom = offObjectWrap.offset().top + offObjectWrap.height();
            var selfPos = self.offset().top + self.height();
            if (selfPos > wrapBottom) {
                var copyCon = $(this).clone();
            } else {
                self.css('color', 'red');
            }
        });

        var copyFooter = $(".offerFooter").clone();
        $(this).parent().parent().after('<section id="page4" class="offerPage docWrap pageTwo clearfix"><div class="docPad clearfix"><div class="docCon clearfix">' + copyCon.html() + '</div></div><div class="offerFooter clearfix">' + copyFooter.html() + "</div></section>");
    }
}

docCon.each(newPage);