javascript - 销毁/删除 Bootstrap 轮播

Question

首先，我创建了一个虚拟轮播(轮播元素)，然后初始化它

$('#first-carousel').carousel();

现在，我遇到这样的情况:如果窗口宽度小于 480，则删除该轮播 (#first-carousel')。

如何删除引导轮播？尝试检查其文档，但似乎没有诸如销毁或删除功能或任何相关功能之类的内容。尝试过

$('#first-carousel').remove();
$('#first-carousel').unbind();

但似乎不起作用，而是给了我这个错误

bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'offsetWidth' of undefined at c.slide (bootstrap.min.js:6) at c.next (bootstrap.min.js:6) at e (jquery.min.js:2)

有什么帮助、想法吗？

Answer 1

显然在 Bootstrap 3 中没有办法做到这一点。您所能做的就是仅在视口(viewport)大于或等于 480px 时初始化轮播。

if(window.innerWidth >= 480){
  $('#first-carousel').carousel();
}