0

私は通常のCSS3ドロップダウンを試してきました。

// CSS
.board {
width: 600px;
height: 50px;
cursor: pointer;
}

.button {
    width: 150px;
    height: 50px;
    float: left;
    display: inline;
    background-color: black;
    color: white;
    font: 20px Arial, Verdana, sans-serif;
}

.sboard {
    width: 150px;
    height: 100px;
    background-color: black;

}

//HTML
<ul class = "board"><li class = "button">
    <ul class = "sboard"></ul>
</li></ul>

デバイスがタッチに反応しないため、iPhoneで動作させることができません。私のグーグル調査は意味のない結果をもたらしました。どのプロパティをリストに追加する必要がありますか？

4

1 に答える 1

1

IOSは、メニューがタッチターゲットであることを示す必要があります。いくつかのAppleのドキュメントを読んだ後（私は今再び見つけることができないか、それにリンクします）、リンクされonclick="void(0)"ていないメニュー項目に追加しました。

リーフメニュー項目はすでにリンクされています<a href="...">が、システムのトップレベルおよび中間サブメニューはリンクされており、そのonclickハンドラー<li><span>...</span></li>を追加するまで、IOSは反応してサブメニューを開きません。

これらは<li><span onclick="void(0)" onfocus="void(0)">...</span></li>（キーボードタブナビゲーションが機能するようにonfocusが追加されて）なりました

于 2012-07-20T23:07:44.027 に答える