加载下一组条目后，Bootstrap Carousel不起作用

Question

在加载第一组条目后，我在手动触发时使用无限滚动来加载更多条目（https://github.com/paulirish/infinite-scroll）。

每个条目都附有一个Bootstrap轮播，并且第一组条目可以正常工作。但在我点击“加载更多”以加载其他条目后，轮播不适用于新获取的条目。

这就是我必须触发Carousel的行动（以及触摸/滑动支持）

<script type='text/javascript'> 
    (function($) {
    $('[id^="mycar"]').carousel({
        interval: 20000
    });
    $('[id^="mycar"]').swiperight(function() {  
          $(this).carousel('prev');  
    });  
    $('[id^="mycar"]').swipeleft(function() {  
          $(this).carousel('next');  
    });  
    })(jQuery);
</script>