Функция щелчка не инициализируется после перезагрузки части страницы

Question

Я сделал кнопку, которая появляется по щелчку и показывает предупреждение, которое спрашивает клиента, действительно ли он действительно хочет отменить заказ. Не когда пользователь нажимает «да», выполняется вызов ajax, и заказ удаляется из базы данных. Пока это прекрасно.

Проблема возникает, если пользователь хочет отменить 2 заказа подряд. После Аякс возвращает, что все работало нормально я перегрузочная часть страницы, которая показывает порядок-историю пользователя с следующим аргументом:

$('#orders-history').load(document.URL + '#orders-history'); 

Это перегружает его, удален порядок исчезает, но когда теперь пользователь пытается нажмите кнопку «Отменить заказ» еще раз для другого заказа, это не сработает, просто ничего не произойдет. JQuery каким-то образом не инициализируется после перезагрузки части страницы.

Я знаю, что смогу справиться с этой проблемой с помощью аутсорсинга div #orders-history во внешний файл и загрузить его на страницу учетной записи, но есть ли какое-либо другое решение для этого без аутсорсинга кода?

Answer 1

Пожалуйста, обратитесь к следующей ссылке. Я надеюсь, что это помогает.

http://stackoverflow.com/questions/4002580/how-to-do-partial-page-update-with-jquery 

Функция загрузки содержит два параметра (URL и функция). Вы можете перезагрузить данные следующим образом ....

$("#content").load(href, function() { 
     // do something after content has been loaded 
    }); 

ИЛИ

$.get('url.php', function(data){ // or load can be used too 
     $('#mydiv').html(data); 
    });