如何更改代码以便执行？

Question

I use jQuery to develop mobile applications. The problem is that when I add 5 or 6 lines to the page, all goes well, but if I add say 120 lines it displays an error message: 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

无需调用.append四个不同的时间，您可以一次将所有html放在一个字符串中，并在两个新创建的锚点上调用一个触发器。

Answer 2

Create a local variable for your selection:

var temp = $('#lbtn')

add all your lines to that variable

temp += "code here";

etc.

and then append to the element once.