iPhone上的“Unhover”CSS动画DIV

Question

我有以下HTML：

                <div class="gallery" id="gallery-tl" title="<strong>My Title</strong>">
                    <div class="slides" id="slides-tl">
                        <img src="img/project-tl-01.png" alt="Shot">
                        <img src="img/project-tl-02.png" alt="Shot">
                        <img src="img/project-tl-03.png" alt="Shot">
                        <img src="img/project-tl-04.png" alt="Shot">
                        <img src="img/project-tl-05.png" alt="Shot">
                    </div>
                    <small class="next" id="next-tl">next image&hellip;</small>
                    <div class="gallery-nav clearfix">
                        <span class="launch">description</span>
                        <ol class="" id="nav-tl"></ol>
                    </div>
                </div

我想用jQuery Cycle Plugin制作动画。 div.gallery再次成为另一个循环图库中的幻灯片。

small.next是循环中下一个：参数的触发器，应该绝对定位在img上，淡入淡出与CSS不透明度：hover。

现在使用iPhone，触摸后，：悬停状态不会消失，因此图像会保持阴影状态。

有人经历过这个并且知道该怎么做？

Answer 1

我没有尝试过这个但你可以尝试捕获touchend事件并在它触发时移除悬停状态

$("small.next").bind('touchend', function(event){
    $(this).removeClass('hover');
}