JCarousel下一个按钮不能正常工作

Question

如果我点击下一个按钮，我的旋转木马看起来很乱，不能正常工作。这些是来自jcarousel.responsive.js的代码行：

(function($) {
$(function() {
    var jcarousel = $('.jcarousel');

    jcarousel
        .on('jcarousel:reload jcarousel:create', function () {
            var width = jcarousel.innerWidth();

            jcarousel.jcarousel('items').css('width', width + 'px');
        })
        .jcarousel({
            wrap: 'circular'
        });

    $('.jcarousel-control-prev')
        .jcarouselControl({
            target: '-=1'
        });

    $('.jcarousel-control-next')
        .jcarouselControl({
             target: '+=1'
         });

    $('.jcarousel-pagination')
        .on('jcarouselpagination:active', 'a', function() {
            $(this).addClass('active');
        })
        .on('jcarouselpagination:inactive', 'a', function() {
            $(this).removeClass('active');
        })
        .on('click', function(e) {
            e.preventDefault();
        })
        .jcarouselPagination({
            perPage: 1,
            item: function(page) {
                return '<a href="#' + page + '">' + page + '</a>';
            }
        });
});
})(jQuery);

如果我评论这些行：

  $('.jcarousel-control-next')
        .jcarouselControl({
             target: '+=1'
         });

，似乎我的旋转木马工作正常，但我的下一个按钮就像一个链接，打开这个时刻显示的页面，在一个新窗口中。有什么问题？