javascript - 虚拟键盘和加载缓慢的 jQuery

Question

我尝试使用 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>

Answer 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"
   });
});

}