0

jQuery仮想キーボードを使用しましたが、パスワードフィールドを数回クリックするとキーボードがスライドダウンし、cssを確認しましたが、解決策が見つかりませんでした。誰かがアイデアを持っていますか？

これはリンクです：

http://www.devcurry.com/2010/12/jquery-virtual-keyboard-with-qwerty.html

ありがとうございました。

4

1 に答える 1

1

このフィドルで使用してみましたが、http://jsfiddle.net/TUAHC/で動作します。主な違いは、投稿したデモで使用されていたバージョン 1.4.4 ではなく、最新バージョンの jQuery 1.8.2 を使用したことです。jQuery のバージョンをアップグレードすると、問題が解決するようです。

編集

テキスト入力がフォーカスされるたびに呼び出されるプラグインで使用される jQuery UI Position ユーティリティに問題があるようで、親要素にパディング/マージンがある場合にのみ現れるようです。これを修正する方法は、プラグインを変更し、プラグインの位置決めコードをフォーカス イベント ハンドラの外に移動することです。次のコードを見つけます (プラグイン js ファイルの 141 行目あたり):

element.focus(function() {
  var element = jQuery(this)
  jQuery('.ui-keyboard').hide();
  previewInput.val(element.val());

  keyboard.position({
    of: element,
    my: "left top",
    at: "left top",
    collision: "fit",
  }).show();

  previewInput.scrollTop(previewInput.attr('scrollHeight')).focus();
});

コードを次のように変更します。

keyboard.position({
  of: element,
  my: "left top",
  at: "left top",
  collision: "fit",
});

element.focus(function() {
  var element = jQuery(this)
  jQuery('.ui-keyboard').hide();
  previewInput.val(element.val());

  keyboard.show();

  previewInput.scrollTop(previewInput.attr('scrollHeight')).focus();
});

それは私のテストhttp://jsfiddle.net/TUAHC/2/でうまくいくようです。

于 2012-10-05T22:21:08.007 に答える