-1

我有一个带有 jQ​​uery 的网页。当我在 iPad / iPhone 中打开它时，在为其设置悬停行为时，超链接无法按预期工作。

我试图通过在互联网上浏览许多网站来解决这个问题，但找不到任何特定的解决方案。也许我无法理解发生了什么。我将不胜感激一些线索和解决方案。

这是设置悬停的代码：

.box:hover .box_details .description2 {
  height: auto !important;
  display: block
}

.box .social {
  width: 150px ;
  position: absolute;
  z-index: 99 ;
  margin: 0 auto;
  margin-left: 50%;
  left: -75px;
  text-align: center
}

.box:hover .social ul {
  margin-top: 10px;
  -webkit-transition: margin-top linear 0.5s ;
  transition: margin-top linear 0.5s ;
}

.box .social ul {
  width: 100% ;
  float: left ;
  margin-top: -50px ;
}

.box .social ul li {
  float: left;
  list-style: none;
  margin: 1% 1% 0 1%;
  line-height: 20px;
  width: 22%
}

.box .social ul li img {
  width: 100% !important;
  position: relative
}

请帮帮我。谢谢！

4

4 回答 4

1

如果您正在谈论桌面和移动端的 jQuery 事件

$('.selector').on('mouseenter touchstart', function(){ 
     // Do something
});

$('.selector').on('mouseleave touchend', function(){
     // Dhing someto
});
于 2013-08-02T10:38:37.497 回答
0

任何移动网站（在 Iphone 或 Ipad 或任何设备中使用）悬停效果都是不必要的（由于触摸）并且不会生效。

最好只使用:active伪类。

于 2013-08-02T10:42:19.107 回答
0

我认为您可以将悬停事件更改为触摸事件。

于 2013-08-02T10:17:55.830 回答
0

在 iOS 中，所有悬停事件都被视为点击事件。因此，如果您在链接上有 :hover 样式，用户将不得不单击该链接两次。这是一篇讨论 iOS :hover/双击问题的文章。

于 2013-08-02T10:35:18.023 回答