如果我隐藏引导轮播,它是否仍在后台运行

If I hide bootstrap carousel, will it still be running in the background?

本文关键字:是否 运行 后台 隐藏 如果      更新时间:2023-09-26

我正在使用带有以下代码的 Twitter 引导轮播:

<div id="slider" class="carousel slide">                    
                <!-- Wrapper for slides -->
                <div class="carousel-inner"> 
                    <!-- Slide -->
                    <div class="item active">
                        <div class="row">

                        </div>
                    </div>  
                    <div class="item ">
                        <div class="row">
                        </div>
                    </div>
               </div>
</div>

我需要禁用轮播,所以我只是使用 CSS 隐藏它,如下所示:

#slider{
    display: none;
}

我已经在我的主 JS 文件中注释掉了轮播的 init:

//$('#slider').carousel();

所以我的问题是,如果我设置"display:none;"并评论轮播的 JS 初始化,它还会在后台运行吗?还是会被完全禁用?

使用 display: none 不会阻止轮播 JavaScript 运行。无论如何,如果您想确保它始终从第一张幻灯片开始,您可以说:

$('#carousel').carousel(0); 

这样,轮播将跳转到第一张幻灯片。