Работа с частичными представлениями и JavaScript

Question

Я настроил частичное представление для отображения на странице индекса. Частичное представление публикуется с помощью Ajax на сервере, когда пользователь нажимает кнопку сортировки. Это делается для того, чтобы вся страница не обновляла только таблицу частичного просмотра.

Проблема в том, что после первой сортировки JavaScript на странице индекса больше не работает. Я работал над этим, помещая js в само представление, чтобы сохранить события, но это приводит к ошибкам js, говорящим "продолжить" или "игнорировать".

Answer 1

Это потому, что ваши недавно внедренные элементы (через ajax) не знают о связанных событиях. Таким образом, эти привязки событий недоступны для них.

Вы должны изменить привязки событий, чтобы использовать on так что он обрабатывает текущие элементы и будущие элементы (добавляются в DOM динамически через AJAX или около того)

например, если вы хотите обработать событие click для элементов с классом css someCssClassSelector,

+ Изменить

$(".someCssClassSelector").click(function(){
  //do something
});

в

$(document).on("click",".someCssClassSelector",function(){
  //do something
});