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

Question

我使用Bootstrap Carousel进行Tumblr，效果很好。但是，在主题自定义页面上，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，或者看看是否可以自行更改源代码。