Bootstrap Carousel指标无法在ipad上触摸

Question

我无法理解什么是问题,但我的旋转木马指示灯不适用于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>

Bootstrap版本为3

Answer 1

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

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

CSS

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

JavaScript的

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