Geek asks and answers

Bootstrap carriage indicators cannot be tangible on ipad

I can’t understand what the problem is, but my carousel indicators do not work on the iPad or on any touch screen. They work on a computer, but not on an iPad or iPhone. What could be the problem?

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>

Boot Version - 3

+3
source share
1 answer

The problem is with click events that don't bubble on the li element in safari.

You can force the browser to behave either by setting the cursor property to a pointer in css, or by binding the event handler to the element.

CSS

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

Javascript

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

More articles:


All Articles