0

現在、iPadを：hoverイベントで動作させる際に問題が発生しています。私が意味することを明確にするために、私はhttp://playing.everythingcreative.co.ukでウェブサイトの一部をアップロードしました、そして私は3つの画像を持っています、それはdivにカーソルを合わせると下にテキストを表示するために消えますが、これはiPadでは機能しませんまったく。私は試した：

ontouchstart="touchStart(event);"

しかし、私はそれを正しく使用するためにそれがどのように機能するかについて十分に知りません。

どんな助けでも素晴らしいでしょう。

4

1 に答える 1

1

とにかく、iOSの自動ホバー修正の例を使用してそれを理解しましたか？と変更：

if(navigator.platform == "iPad") {

に：

if ("ontouchstart" in document.documentElement) {

最終的なコード：

$(document).ready(function() {
        if ("ontouchstart" in document.documentElement) {
            $("div").each(function() { // have to use an `each` here - either a jQuery `each` or a `for(...)` loop
                var onClick; // this will be a function
                var firstClick = function() {
                    onClick = secondClick;
                    return false;
                };
                var secondClick = function() {
                    onClick = firstClick;
                    return true;
                };
                onClick = firstClick;
                $(this).click(function() {
                    return onClick();
                });
            });
        }
    });
于 2012-08-28T22:57:46.987 に答える