jquery自定义插件回调函数

(function($) {
    $.fn.myCarousel = function(options) {
        var settings = $.extend({
            interval: 3000,
            transition: 'fade',
            onSlideChange: function() {}
        }, options);

        return this.each(function() {
            var $carousel = $(this);
            var $items = $carousel.find('.carousel-item');
            var index = 0;

            function showSlide(index) {
                $items.hide().eq(index).fadeIn(settings.transition);
                settings.onSlideChange(index);
            }

            function nextSlide() {
                index = (index + 1) % $items.length;
                showSlide(index);
            }

            setInterval(nextSlide, settings.interval);
            showSlide(index);
        });
    };
}(jQuery));

// 使用插件
$('#myCarousel').myCarousel({
    interval: 2000,
    transition: 'slide',
    onSlideChange: function(index) {
        console.log('Slide changed to index:', index);
    }
});