jQuery转盘导航在调整大小时中断

在SO提供的代码的帮助下，我制作了一个post carousel，它基本上可以工作，但我在调整窗口大小方面遇到了问题。

整个东西都在这里

https://github.com/dingo-d/Post-Excerpt-Carousel

如果您在某个窗口宽度上重新加载它，它会正常工作，但如果您只是调整窗口大小，导航就会停止正常工作。

现在，当你在第一个帖子时，你不能转到上一个帖子（旋转木马不会移动），当你处于最后一个帖子时时，旋转木马也不会向前移动。但如果你调整大小，它们会的。使这个工作的jquery代码是这个

jQuery(document).ready(function ($) {
    'use strict';
    $(window).on('load', function () {
        $('.post_excerpt_carousel').each(function(){
            var $this = $(this);
            post_excerpt_positioning($this);
        });
    });
    $(window).on('resize', function(){
        $('.post_excerpt_carousel').each(function(){
            var $this = $(this);
            if ($(window).width()>760) {
                $(this).find('li').css('width', '570px');
            }
            post_excerpt_positioning($this);
        });
    });
    function post_excerpt_positioning(e){
        var $carousel = e;
        var outer_width = $(window).outerWidth();
        var container_width;
        if (outer_width > 1190) {
            container_width = 1170;
        }
        if (outer_width > 960 && outer_width < 1190) {
            container_width = 960;
        }
        if (outer_width < 960) {
            container_width = parseInt((9/10)*outer_width,10);
        }
        var $prev = $carousel.find('.carousel_prev');
        var $next = $carousel.find('.carousel_next');
        var duration = $carousel.data('duration');
        var li_number = $carousel.find('li').length;
        var $ul = $carousel.find('ul');
        var $li = $ul.find('li');
        if (outer_width < 760){
            $li.css('width', container_width);
            $li.eq(1).addClass('active');
            if ($li.eq(2).hasClass('active')) {
                $li.eq(2).removeClass('active');
            }
        } else if (outer_width > 760){
            $li.eq(1).addClass('active');
            $li.eq(2).addClass('active');
        }
        var list_width = $carousel.find('li').outerWidth(true);
        var left_offset;
        if ($('.boxed_body_wrapper').length) {
            left_offset = list_width-60;
        } else{
            left_offset = parseInt(list_width - (outer_width - container_width-42)/2, 10);
        }
        $ul.css({'display': 'inline-block', 'width': li_number * $carousel.find('li').outerWidth(true) + 'px', 'left': -left_offset + 'px'});

        var not_active_no = $carousel.find('li').not('.first').not('.last').not('.active').length;
        var not_active_width = not_active_no * $carousel.find('li').outerWidth(true);
        $carousel.on('click', '.carousel_next', function (e) {
            e.preventDefault();
            var $li = $ul.find('li');
            var $a = $('.active', $carousel);
            if (!$a.next().hasClass('last') && !$ul.is(':animated')) {
                $a.removeClass('active').next().addClass('active');
            }
            if (parseInt($ul.css('left'), 10) != -parseInt(not_active_width + left_offset, 10) && !$ul.is(':animated')) {
                $ul.animate({
                    left: parseInt($ul.css('left'), 10) - $ul.find('li').outerWidth(true),
                }, duration);
            }
        });
        $carousel.on('click', '.carousel_prev', function (e) {
            e.preventDefault();
            var $li = $ul.find('li');
            var $a = $('.active', $carousel);
            if (!$a.prev().hasClass('first') && !$ul.is(':animated')) {
                $a.removeClass('active').prev().addClass('active');
            }
            if (parseInt($ul.css('left'), 10) !== -parseInt(left_offset, 10) && !$ul.is(':animated')) {
                $ul.animate({
                    left: parseInt($ul.css('left'), 10) + $ul.find('li').outerWidth(true),
                }, duration);
            }
        });
    }
});

主要的问题是，当你调整大小时，你显然会改变偏移，动画就会发生。第二个问题是，我在调用的函数中有on.('click')事件，我认为这不是一种正确的编码方式，所以任何有关这方面的帮助都会有所帮助。

Codepen在这里展示：http://codepen.io/dingo_d/pen/doNyMw