Javascript 尝试使用jquery在multicarousel页面上选择两个不同的起点

我试图为幻灯片内容选择两个不同的起点。主库的

setSlideContent

指示器设置为17。但是对于模式，如果该图像有其他变化，将弹出该图像，该模式将从0开始。是否有办法在17时开始主库旋转木马的幻灯片内容，但如果是模式旋转木马，是否从0开始？我想我这里需要一个if/else

将（使用原始脚本）更改

setSlideContent

以检查

是否$carouselSelector

包含

。modal

返回setSlideSelector（0）

，否则如果$carouselSelector

不包含

。modal

返回setSlideSelector（17）

或任何需要使用的数字？这仍然是非常新的

注意：在下面的示例中，

setSlideContent

设置为0，但在实践中，它从未设置为0（除非转盘处于模式），以考虑添加的新幻灯片。在我的例子中，数字永远是最后添加的幻灯片，它是17

$（函数（）{
$（'.carousel container'）。每个（函数（）{
var$carouselContainer=$（此项）；
var$carousel=$carouselContainer.find（'.carousel'）；
var$carouselText=$carouselContainer.find（'.carouselText'）；
var$carouselSelector=$carouselContainer.find（'.carouselSelector'）；
$carousel.carousel({
间隔：假
});
函数内容（id）{
var targetContent=$carouselContainer.find（'.slide content[data slide=“”数据幻灯片+
身份证+
“]”）.html（）；
$carouselText.html（targetContent）；
}
含水量（0）；
$carouselSelector.on（'click'，function（）{
var targetSlide=$（this）.data（'slide'）；
$carousel.carousel（targetSlide）；
});
$carousel.on（'slided.bs.carousel'，function（）{
var targetSlide=$carousel.find（'.active'）.index（）；
设置幻灯片内容（targetSlide）；
});
});
});


幻灯片1
按我
下载
幻灯片2
下载


Avarice1的梦想
下载
贪婪的零1
下载

二重的
三倍的
二
桌面
二重的
三倍的

接近
如果我理解正确，您需要：


在第一张幻灯片上初始化模式旋转木马，并带有相应的标题
在最后一张幻灯片上初始化所有其他旋转木马，并带有相应的标题

至少，这是有道理的

如果我是对的，那么javascript将是这样的：

$(function() {
    $('.carousel-container').each(function() {
        var $carouselContainer = $(this);
        var $carousel = $carouselContainer.find('.carousel').on('slid.bs.carousel', function() {
            var targetSlide = $carousel.find('.active').index();
            var targetContent = $carouselContainer.find('.slide-content[data-slide="' + targetSlide + '"]').html();
            $carouselContainer.find('.carousel-text').html(targetContent);
        }).carousel({
            interval: false
        });
        $carouselContainer.find('.carousel-selector').on('click', function() {
            var targetSlide = $(this).data('slide');
            $carousel.carousel(targetSlide);
        });
        // The carousel is already at first slide (slide 0).
        var n = $carouselContainer.find(".slide-content").length; // number of slides in this carousel
        if (n < 2 || $carouselContainer.closest(".modal").length > 0) { // if there are less than 2 slides, or the carousel is in a .modal container 
            // Trigger the 'slid.bs.carousel' event so its handler can look after the .carousel-text ...
            $carousel.trigger('slid.bs.carousel');
        } else { // ... else, there are 2 or more slides and this is a non-modal carousel: 
            // send to last slide
            $carousel.carousel(n - 1);
            $carousel.trigger('slid.bs.carousel'); // shouldn't be necessary but has been found to be a workaround for `slid.bs.carousel` not being triggered automatically under some (undiagnosed) circumstances.
        }
    });
});

$（函数（）{
$（'.carousel container'）。每个（函数（）{
var$carouselContainer=$（此项）；
var$carousel=$carouselContainer.find（'.carousel'）.on（'slided.bs.carousel'，function（）{
var targetSlide=$carousel.find（'.active'）.index（）；
var targetContent=$carouselContainer.find（'.slide内容[data slide=“'+targetSlide+'”]）.html（）；
$carouselContainer.find（'.carousel text'）.html（targetContent）；
})旋转木马({
间隔：假
});
$carouselContainer.find（'.carousel选择器'）。on（'click'，function（）{
var targetSlide=$（this）.data（'slide'）；
$carousel.carousel（targetSlide）；
});
//传送带已在第一张幻灯片（幻灯片0）中。
var n=$carouselContainer.find（“.slide content”）.length；//此旋转木马中的幻灯片数
如果（n<2 | |$CarouseContainer.closest（“.modal”）.length>0）{//如果少于2个幻灯片，或者carousel位于.modal容器中
//触发'slided.bs.carousel'事件，使其处理程序可以处理.carousel文本。。。
$carousel.trigger（'slided.bs.carousel'）；
}else{/..else，有2张或更多幻灯片，这是一个非模式旋转木马：
//发送到最后一张幻灯片
$carousel.carousel（n-1）；
$carousel.trigger（'slided.bs.carousel'）；//应该不是必需的，但是已经发现它是解决“slided.bs.carousel`在某些（未诊断的）情况下不会自动触发的问题的一种方法。
}
});
});

请编辑您的帖子并添加您的HTML