有关CSS悬停/鼠标悬停的问题

Question

想象一下，页面上有5个子链接（具有类searchBySub）和5个相应的按钮。

现在这5个子链接具有以下clas定义

#leftNav .searchBySub {...}
#leftNav  a.searchBySub:hover {...}
#leftNav  a.searchBySubClick {...}

现在我正在iPad上测试这个页面。 可以单击5个子链接中的任何一个，将其更改为CSS（从而将所点击的链接显示为所选颜色）

此外，如果我点击任何相应的按钮，它应该显示所选颜色的相应链接...我这样做是通过点击此按钮点击事件;

$(".button1").live("click",function(){
            $("link1").click(); //This is not exact code (but written dynamically...anyways it simulates the first link click)
        });

还有一件事，我无法显示确切的代码，因为内容会在每次链接/按钮点击时通过AJAX调用刷新，这就是我使用jQuery.live（）进行绑定的原因...

现在我的问题是，在iPAD上，当我通过按钮点击模拟点击时，让我们说Button2，当前选择link1时，它会正确显示link2为选定的颜色.... 但由于某些原因，它在这个模拟点击期间显示了link1与悬停状态...我不知道为什么会发生这种情况..

请帮帮我。谢谢。

Answer 1

您可能希望捕获touchstart事件并对其采取措施。对于没有鼠标的移动设备，当有人点击屏幕时，您会收到一系列事件：

• touchstart
• touchend
• mousedown
• mouseup
• click

mouse*事件要到touchend之后才会发生，这可能不是您想要的行为。查看Apple's mobile Safari event docs了解详情：