引导程序-在没有选择器的情况下暂停轮播

时间:2019-07-02 10:03:06

标签: jquery twitter-bootstrap

我想做的是暂停引导轮播。 通用的方法是通过jQuery选择器,如下所示:

$('#carouselId').carousel('pause');

问题在于,有时另一个视图必须覆盖包裹轮播的HTML,而轮播元素将不再位于页面上。 我注意到引导间隔JS在后台继续运行,这可能会导致我的页面性能下降,而不必要的间隔脚本正在运行。 我不能在UI元素丢失之前立即暂停它,因为它在很多情况下都会发生,并且还有更多原因。 当UI元素不再存在时,有没有办法停止引导轮播脚本?

我试图将选择器保存在Javascript文件的外部变量中,以及何时需要通过该变量暂停轮播以使用它,如下所示:

var carouselElem = $('#carouselId')
$(document).ready(function () {
     carouselElem .carousel();
});

以及何时需要暂停:

carouselElem.carousel('pause');

即使该元素不存在,该变量仍保留对丢失元素的引用,但这无济于事。我猜是因为轮播pause函数试图访问该元素的属性

2 个答案:

答案 0 :(得分:0)

尝试使用.carousel选择器

$('.carousel').carousel('pause')

答案 1 :(得分:0)

尝试一下

 $('.carousel').carousel({
        pause: "true"
 });