的Click＆展會 - 平板電腦/手機

因此，即時通訊目前試圖做到這一點：的Click＆展會 - 平板電腦/手機

<table class ="tablez"> 
<tr> 
<th>Table Title </th> 
</tr> 
<tr> 
<td> 
<a tabindex="0" class="clickable">Click Me!</a> 
<div id="showedClickable"> 
<p>This is showed when Click Me! is clicked.</p> 
</div><!--EO showedClickable --> 
</td> 
</tr> 
</table>

繼承人的類

#showedClickable { 
position:absolute; 
display:none; 
width:auto; 
height:auto; 
}

當你點擊繼承人發生了什麼。

a.clickable:focus + #showedClickable { 

display:block; 
}

它工作正常，在Chrome上的一臺筆記本電腦，但是當我嘗試這對移動（iPhone）這不工作....什麼是這裏的問題？我該如何解決這個問題，解決這個問題？

謝謝您的時間！

來源

2013-09-21 user1876553

你可以嘗試徘徊嗎？例如： a.clickable：hover + #showedClickable。移動瀏覽器將懸停解釋爲點擊。 – 2013-09-21 16:33:49

@OliverBenns但如果我執行2上的相同點點擊我的，並顯示不同的東西。如果你點擊一個和懸停在其他兩個看房會重疊，顯得雜亂....你有什麼建議我在這種情況下怎麼辦？ – user1876553

我認爲我們需要看代碼。你可以設置一個jsfiddle嗎？ – 2013-09-21 16:47:36

我對此有疑問。問題是iPhone不會根據CSS中的事件重繪兄弟。

嘗試像這樣嵌套元素，並使用子選擇器而不是兄弟選擇器。它通常也更具語義性，因爲您點擊的項目往往是顯示內容的標題。

奇怪的是iPad的支持懸停爲單擊事件，

<ul> 
    <li><a href="">Click me</a> 
     <ul> 
      <li>This is showed when Click Me! is clicked.</li> 
     </ul> 
    </li> 

li:hover ul {display: block;}

來源

2013-09-21 22:07:59

是的，我知道，我的問題是，當有人點擊該塊，它的出現，如果當用戶將鼠標懸停在點擊ME2用戶使用普通瀏覽器，它重疊（如在此提琴：jsfiddle.net/Q83UE）做什麼我會隱藏一個並顯示另一個？ – user1876553

的Click＆展會 - 平板電腦/手機

回答

相關問題