微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – Bootstrap Carousel指标无法在ipad上触摸

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

解决方法

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

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

CSS

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

JavaScript的

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐