javascript - 如何更改代码以使其可以执行？

Question

我使用 jQuery 开发移动应用程序。问题是，当我在页面中添加 5 或 6 行时，一切顺利，但如果我添加 120 行，它会显示错误消息：Javascript execution exceeded timeout.

function succes_recu_list_rubrique(tx, results) { //après avoir rempli sqlite
  console.log('ENTRééééééééééééééé---');
  $('#lbtn').prepend("<legend>Sélectionner une rubrique</legend><br>");
  for(var i=0; i<results.rows.length; i++) {
    //Remplir tableau liste des identifiants étapes
    $('#lbtn').append("<input name='opt1' checked type='radio' value="+results.rows.item(i).IdRubrique+" id="+results.rows.item(i).IdRubrique+" />");
    $('#lbtn').append('<label for='+results.rows.item(i).IdRubrique+'>'+results.rows.item(i).LibelleRubrique+'</label>');   
  }
  $('#lbtn').append('<a href="#page_dialog2" class="offer2" data-rel="dialog" data-role="button" >Consulter</a>').trigger('create');
  $('#lbtn').append('<a href="#'+id_grp_rub+'" data-role="button" data-rel="back" data-theme="c">Cancel</a>').trigger('create');
}

Answer 1

您可以使用一个字符串中的所有 html 调用一次，而不是.append单独调用四次，然后在两个新创建的锚点上调用一个触发器。

Answer 2

为您的选择创建一个局部变量：

var temp = $('#lbtn')

将所有行添加到该变量

temp += "code here";

等等

然后附加到元素一次。