7

jquery mobile、バックボーン、アンダースコア、およびtbdテンプレートエンジンを使用して、単一ページのオフラインhtml5Webアプリケーションを構築しています。

ネイティブのiPhoneロックスクリーンに似たロックスクリーンを作成したいと思います。私が車輪の再発明をする前に、誰かが以前にこのようなものを見たことがありますか？私はこの例を見つけることができませんでした。

ありがとう！

4

2 に答える 2

4

編集：いや、それは古い質問です！

ページに非表示の固定位置を追加divします。ロック画面をアクティブにする必要がある場合は、jQuery を使用してプログラムで表示します。

CSS

div#lockscreen {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

jQuery

$(document).ready(function() {
    //hypothetical activation control
    $("#lock").click(function() {
        $("#lockscreen").css("width", "100%");
        $("#lockscreen").css("height", "100%");
        $("#lockscreen").css("z-index", "1000");
        //or dynamically generate z-index value
        $("#lockscreen").fadeIn();
    });
});
于 2012-05-25T13:14:59.480 に答える
0

まあ、それは現在掘り下げられているので、これを追加することもできます。<input type="text" pattern="[0-9]*" />テキスト フィールドで使用して、数値入力を取得します。まったく同じではありませんが、フル キーボードを使用するよりも簡単で、キーパッド全体を自分でコーディングするよりも簡単です。

于 2012-05-25T14:40:45.117 に答える