如何告诉 Bootstrap Carousel 跳过一个元素或类？

Question

我正在为 Tumblr 使用 Bootstrap Carousel，效果很好。但是，在主题自定义页面上，Tumblr 将 JavaScript 添加到 HTML 的左、右和中心。这导致轮播中断，因为下一个元素是意外的。

简单地把它放在代码中看起来像这样

<div class="carousel-inner">
  <div class="active item"></div>
  <script class="custom-js-code">/* bunch of stuff go here */</script>
  <div class="item"></div>
  <script class="custom-js-code">/* bunch of stuff go here */</script>
  <div class="item"></div>
  <script class="custom-js-code">/* bunch of stuff go here */</script>
</div>

Live preview

删除 JS 是不可能的，所以我需要一种方法来告诉轮播使用 <script> 标记或 custom-js-code 类跳过这些元素。

有什么想法吗？

Answer 1

如果可能，请升级到 Bootstrap 3.2.0，因为该版本仅迭代具有类 .item 的子级。

• 有关使用 Bootstrap 3.2.0 的代码，请参阅 http://codepen.io/ckuijjer/pen/RNaJbx
• 请参阅https://github.com/twbs/bootstrap/blob/master/js/carousel.js 获取轮播源代码
• 请参阅 https://github.com/twbs/bootstrap/commit/4a2d337bf5f329eac1ca16208414ec1ebfe0546e 了解此行为发生变化的变更集

如果您无法迁移到 3.2.0 版，不妨看看是否可以自己对源代码进行此更改。