【问题标题】：Bootstrap Carousel Indicators can't touchable on ipad引导轮播指示器无法在 ipad 上触摸
【发布时间】：2014-02-24 20:47:28
【问题描述】：

我不明白是什么问题，但我的轮播指示器无法在 Ipad 或任何触摸屏上工作。他们在电脑上工作，但不能在 Ipad 或 Iphone 上工作。可能是什么问题？

HTML：

<ol class="carousel-indicators grey"> 
    <li data-target="#sidebar-carousel-6" data-slide-to="0" class="active"></li>
    <li data-target="#sidebar-carousel-6" data-slide-to="1"></li>
    <li data-target="#sidebar-carousel-6" data-slide-to="2"></li>
    <li data-target="#sidebar-carousel-6" data-slide-to="3"></li>
    <li data-target="#sidebar-carousel-6" data-slide-to="4"></li>
</ol>

引导版本为 3

【问题讨论】：

标签： jquery twitter-bootstrap carousel

【解决方案1】：

问题是由于在 safari 中的 li 元素上没有冒泡的点击事件。

您可以通过将 cursor 属性设置为 css 中的指针或将事件处理程序附加到元素来使浏览器正常运行。

CSS

[data-slide-to] {
    cursor: pointer;
}

JavaScript

$('[data-slide-to]').on('click', $.noop);

【讨论】：