【问题标题】:Destroy/remove bootstrap carousel销毁/删除引导轮播
【发布时间】:2017-08-14 09:09:02
【问题描述】:

首先,我创建了一个虚拟轮播(轮播元素),然后对其进行初始化

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

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

如何删除引导轮播?试图检查它的文档,但似乎没有像破坏或删除功能或任何相关的东西。试过了

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

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

bootstrap.min.js:6 未捕获类型错误:无法读取属性 未定义的'offsetWidth' 在 c.slide (bootstrap.min.js:6) 在 c.next (bootstrap.min.js:6) 在 e (jquery.min.js:2)

有什么帮助、想法吗?

【问题讨论】:

    标签: javascript jquery twitter-bootstrap-3 bootstrap-carousel


    【解决方案1】:

    显然在 Boostrap 3 中没有办法做到这一点。你只能在视口大于或等于 480 像素时初始化轮播。

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

    【讨论】:

      【解决方案2】:

      代码$('#first-carousel').remove(); 确实删除了具有给定ID 的元素。您可能对窗口宽度的条件有疑问,您确定这里没有其他问题吗?

      【讨论】:

      • 再次尝试 .remove() 但它给了我这个错误“bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'offsetWidth' of undefined at c.slide (bootstrap.min.js :6) 在 c.next (bootstrap.min.js:6) 在 e (jquery.min.js:2)"
      • 给定的方法不会返回您收到的错误,这就是为什么我问您是否可以检查或提供您实际收到此错误的位置。我添加了一个与您显示的 id 相同的轮播,使用 .remove() 将其删除,并且不会导致错误。该元素实际上已从 html 中完全删除。
      • 我也尝试了来自引导站点的最新 cdn:jsfiddle.net/4qk0thx3 -- 就像我的本地尝试一样,我在我的一个站点中使用了一个实际的轮播。跨度>
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-09-15
      • 1970-01-01
      • 1970-01-01
      • 2017-04-08
      • 1970-01-01
      • 2014-05-10
      • 2017-01-18
      相关资源
      最近更新 更多