切换打开关闭必须在电话上点击两次

我有一个简单的切换事件，并且桌面上的一切工作正常，但是当我去电话时，我必须点击两次才能让它切换到打开状态？切换打开关闭必须在电话上点击两次

以下是我有：

$(".service-m").click(function() { 
    $(this).next(".serviceinfo-m").toggle() 
}); 

<a class="service-m">   
Some Text 
</a> 

<div class="serviceinfo-m" style="display:none;">The First Line of Text.</div> 
<a class="service-m">   
    Some Text 
</a> 

<div class="serviceinfo-m" style="display:none;">The First Line of Text.</div> 
<a class="service-m">   
    Some Text 
</a> 

<div class="serviceinfo-m" style="display:none;">The Second Line of Text.</div> 
<a class="service-m">   
    Some Text 
</a> 

<div class="serviceinfo-m" style="display:none;">The Third Line of Text.</div>

另外这里是的jsfiddle http://jsfiddle.net/BrentRansom/tfM6E/1/

感谢

来源

2013-10-10 user2751645

我不知道你在说什么关于，我只是导航到你用我的Galaxy-S4使用铬浏览器拨弄，它工作正常。 –

在我的iphone上它现在可以工作。不知道为什么。 – user2751645

现在还是没有？ – musicnothing

我去了，虽然我的CSS，发现我在我的CSS冲突的链接。以下是我有我使用较少：

.service-m { 
     margin:0; 
     padding:5px 10px; 
     position: relative; 
     height:70px; 
     display: block; 
     font-family: @m; 
     font-size: 18px; 
     color: @light-gray; 
     border-top:2px dotted @light-gray; 
     .ico-nonhover { 
      visibility: visible; 
      position: absolute; 

      top:10px; 
      left:10px; 
      width:60px; 
     } 
     .ico-hover { 
      visibility: hidden; 
     } 
     h2 { 
      float:left; 
      position: relative; 
      top:26px; 
      left:70px; 
      margin:0; 
      padding:0; 
     } 
    } 
    .service-m:hover { 

     .ico-nonhover { 
      visibility: hidden; 
     } 
     .ico-hover { 
      visibility: visible; 
      position: absolute; 

      top:10px; 
      left:10px; 
      width:60px; 
     } 
     h2 { 
      float:left; 
      position: relative; 
      top:26px; 
      left:70px; 
      margin:0; 
      padding:0; 
     } 
    }

这里是固定的，我用的少：

.service-m { 
     margin:0; 
     padding:5px 10px; 
     position: relative; 
     height:70px; 
     display: block; 
     font-family: @m; 
     font-size: 18px; 
     color: @light-gray; 
     border-top:2px dotted @light-gray; 
     .ico-nonhover { 
      position: absolute; 
      top:10px; 
      left:10px; 
      width:60px; 
      z-index:1; 
     } 
     .ico-hover { 
      z-index: 0; 
      position: absolute; 
      top:10px; 
      left:10px; 
      width:60px; 
     } 
     h2 { 
      float:left; 
      position: relative; 
      top:26px; 
      left:70px; 
      margin:0; 
      padding:0; 
     } 
    } 
    .service-m:hover { 

     .ico-nonhover { 
      z-index:0; 
      position: absolute; 
      top:10px; 
      left:10px; 
      width:60px; 
     } 
     .ico-hover { 
      z-index:1; 
      position: absolute; 
      top:10px; 
      left:10px; 
      width:60px; 
     } 
     h2 { 
      float:left; 
      position: relative; 
      top:26px; 
      left:70px; 
      margin:0; 
      padding:0; 
     } 
    }

感谢您的帮助，

来源

2013-10-10 22:40:47 user2751645

切换打开关闭必须在电话上点击两次

回答

相关问题