3

このプラグイン (http://www.jquery4u.com/plugins/jquery-screen-keyboard-plugin/#.UCTg6p1lTkd) を使用して、キオスクのオンスクリーン キーボードを作成しています。うまく機能しますが、入力/テキスト領域の下ではなく、画面の下部にキーボードを表示する必要があります。

外部 jquery.keyboard.js ファイル内で、次のことがわかりました。

$.keyboard.defaultOptions = {

        // *** choose layout & positioning ***
        layout       : 'qwerty',
        customLayout : null,

        position     : {
            of : null, // optional - null (attach to input/textarea) or a jQuery object (attach elsewhere)
            my : 'center top',
            at : 'center top',
            at2: 'center bottom' // used when "usePreview" is false (centers the keyboard at the bottom of the input/textarea)
        },

「null」の代わりに何を使用すればよいですか? これをコードにどのように追加する必要がありますか?

ありがとう

4

1 に答える 1

6

パラメーターについてはof、ドキュメント ウィンドウをターゲットにするだけです: $(window).

デモとコードは次のとおりです。

$('#keyboard').keyboard({

    // Used by jQuery UI position utility
    position: {
        of: $(window), // null = attach to input/textarea; use $(sel) to attach elsewhere
        my: 'center bottom',
        at: 'center bottom',
        at2: 'center bottom' // used when "usePreview" is false
    }

});​

これはキオスク用であるため、キーボードの配置とサイズ変更を行ったこのデモも確認することをお勧めします。また、キーボード内に前と次のボタンが追加されています... うーん、確かに前と次のボタンがありました。そのデモを更新する必要があります。

注：virtual-keyboardこの質問を完全に見逃したので、タグを追加しました。また、必ずドキュメントを確認してください。

于 2012-12-26T15:37:28.003 に答える