Почему не срабатывает JS при обновлении страницы?

Question

[Chernichko]

Есть js код, который не срабатывает при первой загрузке страницы, а если и срабатывает, после перезагрузки страницы, перестает срабатывать.

код кнопки на которую поставлено событие:

<span class="delChange">Удалить выбранные</span>

JS-код:

$(".delChange").on('click',function(){
    var temp = [];
    $('input.checkboxOnce:checked').each(function() {
      vll = $(this).val();
      temp.push(vll);
    }); 

    $.post('/lk/delbasktov', {
        data: temp
      }, function(){
          $(".tempBasketBlock").load('/lk/reloadtablebask');
      });
  });

после load('/lk/reloadtablebask'); перестает работать клик на кнопку. Либо он вообще не срабатывает с самого начала.
С чем может быть связана эта проблема и как ее решить?

Comments

[Faha1998]

может стоить обернуть в $(document).ready(function(){
}); ?

[Chernichko]

Фахриддин Абдурахимов: ох,если бы все было так просто)))))
конечно же, js-код обернут в $(document).ready(function(){});, без этого он бы НИКОГДА не срабатывал. Подчеркиваю, НИКОГДА.
Логично, что если он иногда срабатывает, значит он обернут.

[Chernichko]

oxidmod: пам-пам. Однако, внутри... Но вытащить его из блока не получится. Как обойти это неприятность?

[Алексей Зуев]

Chernichko: кто вам сказал, что jquery код никогда не сработает если не обернут в document.ready? Попробуйте на свой чудо-клик подписаться так $(document).on('click', '.delChange', function()

[Chernichko]

Алексей Зуев: Вроде работает. Спасибо)

Answer 1

[Евгений]

Попробуйте так

$(document).ready(function(){
	$(document).on('click',".delChange",function(){
    var temp = [];
    $('input.checkboxOnce:checked').each(function() {
      vll = $(this).val();
      temp.push(vll);
    }); 

    $.post('/lk/delbasktov', {
        data: temp
      }, function(){
          $(".tempBasketBlock").load('/lk/reloadtablebask');
      });
  });
});

Answer 2

[Mikhail Osher]

google: "event delegation"