Сценарии больше не работают после ajax запрос

Question

Сценарии больше не работают после ajax запрос

Есть стол на странице, которую я обновляю по ajax. Есть некоторые сценарии, те используют содержание стола. Например, один из них использование" Проверку все/Снятие флажка все " флажок на столе, чтобы проверку/снятие флажка другие флажки на том столе.

Когда я делаю запрос ajax, он возвращается почти то же самое содержание стола. По крайней мере, это определенно правильное и не должно разрушать функциональность сценариев. Однако после этого ни один из сценариев больше не работает. Почему?

Например, вот часть кода JavaScript в *.js файле:

$(document).ready(function() {
  $("#check-all").change(function(){
      $(".my_table input[type=checkbox]").prop('checked', this.checked);
    });
});

Прежде, чем выполнить ajax, просите, чтобы все работало хорошо. Обратите внимание, что ajax не возвращает кода JavaScript, весь код JavaScript расположен во внешнем JS файле.

1

добавлено 09 Январь 2013 в 04:22 автор Alexandre

Просмотры: 3

источник

nl ja de

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

добавлено 09 Январь 2013 в 04:24, автор ManseUK, источник

2 ответы

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

Поскольку вы используете обработчик событий, который прибавляется document.ready, и что-либо добавило после того, как у него не будет событий.

После jQuery 1.7 можно использовать на.

$(document).on("change", "#check-all", function(){ ... });

другой выбор состоит в том, чтобы держать то, что вы имеете, просто вспомните код, когда вы обновляете содержание страницы.

function addChangeEvent() {
  $("#check-all").change(function(){
      $(".my_table input[type=checkbox]").prop('checked', this.checked);
    });
}

$(document).ready(function() {
    addChangeEvent();
});

и с вашим требованием Аякса

$("#foo").load("xxx.html", function(){ addChangeEvent()l });

5

добавлено 09 Январь 2013 в 04:24 автор epascarello

источник

Это так? Все добавило после того, как у этого есть точно те же самые иды и классы.

добавлено 09 Январь 2013 в 04:25, автор Alexandre, источник

<<другой выбор состоит в том, чтобы держать то, что вы имеете>>, Пожалуйста, объясните.

добавлено 09 Январь 2013 в 04:27, автор Alexandre, источник

@Alexandre, это не имеет значения. Вы демонтируете обработчики событий, когда вы заменяете его. Браузер волшебно не знает, как повторно использовать его.

добавлено 09 Январь 2013 в 04:26, автор epascarello, источник

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

автор Niet the Dark Absol · Answer 1 · 2013-01-09T04:25Z

Событие присоединено к старому содержанию страницы. Если вы заменяете то содержание, события идут с ним.

Вместо этого попытайтесь использовать $ (" #check-all") .on ("изменение", функция() {...}); я не эксперт jQuery, но я полагаю, что это сохранится обработчик событий, даже если элемент изменится.