1

jQueryを使用してコードに仮想キーボードを追加しようとしましたが、実際にはいくつかのテキストフィールドがあり、このキーボードのそれぞれに追加しました。私の問題は、ページをロードすると、表示に多くの時間(〜10秒)かかることです。

これは私のデモです。

コード:

var table = document.getElementById("Table-1");
var rowCount = table.rows.length;

for(var i=0;i<150;i++) {   
row = table.insertRow(rowCount);
cell1 = row.insertCell(0);
cell1.name = "animate";
cell1.id = i ;
var values = document.createElement("input");                
values.type = "text" ;
cell1.appendChild(values);
rowCount++;            
}

$('input[type=text]').keyboard({
  layout: "qwerty"
});

</ p>

4

1 に答える 1

1

私の問題の最初の解決策; テキストボックスをクリックしたときにのみキーボードを呼び出します。

デモ

しかし、それでも少し遅いです...

コード:

var table = document.getElementById("Table-1");
var rowCount = table.rows.length;

for(var i=0;i<150;i++) {   
row = table.insertRow(rowCount);
cell1 = row.insertCell(0);
cell1.name = "animate";
cell1.id = i ;
var values = document.createElement("input");                
values.type = "text" ;
cell1.appendChild(values);
rowCount++;    

$('#'+i).click(function() {
         $('input[type=text]').keyboard({
      layout: "qwerty"
   });
});

}
于 2012-10-29T14:29:45.547 に答える