JQuery .remove () работает только на первой странице перед функцией показа

Question

Я использую следующий код для удаления строк статистики таблицы.

$(document).on('pagebeforeshow', '#statistics_page', function(){
  $('#stats').find("tr:gt(1)").remove();
  somefunction();

  $('input[type=radio][name=stats_select]').change(function() {
    if (this.value == '1') {
      $('#stats').find("tr:gt(1)").remove();
      somefunction();
    }
    if (this.value == '2') {
        $('#stats').find("tr:gt(1)").remove();
        anotherfunction()
    }
 });
});

, но функция удаления работает только на первой странице выше. Во второй раз новые строки таблицы добавляются в eng таблицы.

Answer 1

Переместите код для последующих изменений за пределы события pagebeforeshow и используйте .on listener:

$(document).on('pagebeforeshow', '#statistics_page', function(){
  $('#stats').find("tr:gt(1)").remove();
  somefunction();  
});

$('input[type=radio][name=stats_select]').on("change", function() {
    if (this.value == '1') {
      $('#stats').find("tr:gt(1)").remove();
      somefunction();
    }
    if (this.value == '2') {
        $('#stats').find("tr:gt(1)").remove();
        anotherfunction()
    }
});