jquery - How can I add javascript touch spin to html when call javascript function -
i have button add new row(s) table. in table row have column touch spin. want loop through array(items). make rows. below code make error uncaught typeerror: undefined not function @ function tp0
function showtable() { $('#showtable').html(""); for(var in items) { var no = parseint($('#tb tr').length) - 1; var data = "<tr role='row' class='filter' >" + "<td>" + no + "</td>" + "<td>" + "<div class='form-group'>" + "<input id='touch" + + "' type='text' value='1' name='touch" + + "' /> " + "<script>" + "function tp" + + " () {$(\"input[name=\'touch" + + "\']\").touchspin(); alert('ttt');}" + "</scr" + "ipt>" + "</div>" + "</td>" + "</tr>"; $('#showtable').append(data); var method_name = "tp"; window[method_name + i](); } }
have ideas thanks
instead of adding functions each row, should pass row number variable predefined function:
function tp(index) { $("input[name='touch" + index + "']").touchspin(); alert('ttt'); } function showtable() { $('#showtable').html(""); (var in items) { var no = parseint($('#tb tr').length) - 1; var data = "<tr role='row' class='filter' >" + "<td>" + no + "</td>" + "<td>" + "<div class='form-group'>" + "<input id='touch"+i+"' type='text' value='1' name='touch"+i+"' /> " + "</div>" + "</td>" + "</tr>"; $('#showtable').append(data); tp(i); } }
Comments
Post a Comment