Событие не зарегистрировано

Question

Я пользуюсь тимьяном.

Во фрагменте у меня есть:

<script th:inline="javascript">
  $(document).ready(function() {
     $("#giTable").bootstrapTable();
     $('[id^=setterSelect]').on('change paste keyup', function (e) {
         ....
     });
  });
</script>

<form id="npF" class="form-horizontal" role="form" method="post">
 <select class="form-control" id="setterSelect0" parent-type="c.s.t.model.spi" parent-id="1" datatype="bdp_id">
  <option value="380">Sita</option>
  <option value="381">TCF</option>
 </select>
</form>

Нет события, зарегистрированного для setterSelect0, и я не понимаю, почему.

Редактировать

В chrome, после загрузки страницы, я захожу в консоль и набираю:

$('[id^=setterSelect]').on('change paste keyup', function (e) {
                  ....
});

это работает.

Answer 1

Это работает в моем случае.

Надеюсь, ваш $("#giTable").bootstrapTable(); не создает никаких проблем. Есть ли у вас ошибки в консоли? или попробуйте отладить, комментируя bootstrapTable(), как я делал в приведенном ниже коде.

$(document).ready(function() {

  //$("#giTable").bootstrapTable();

  $('[id^=setterSelect]').on('change paste keyup', function(e) {
    console.log('herer');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="npF" class="form-horizontal" role="form" method="post">
  <select class="form-control" id="setterSelect0" parent-type="c.s.t.model.spi" parent-id="1" datatype="bdp_id">
    <option value="380">Sita</option>
    <option value="381">TCF</option>
  </select>
</form>