Как сделать чтобы jquery скрипт срабатывал при ajax обновлении страницы

Question

Здравствуйте!

Есть следующий скрипт:

jQuery(function($) {
  $('.div-link').each(function() {
    const src = $('.wrapper-link', this);
    const link = $('a', src);
    const dst = $('.txt-block', this);
    link.text($(dst).text());
    $(dst).text('').append(link);
    src.remove();
  });
});

При первоначальной загрузке страницы скрипт срабатывает на 100%, а далее при AJAX обновлении страницы повторно не срабатывает. Какую функцию нужно добавить к данному скрипту, чтобы он срабатывал как при первоначальной загрузке страницы, так и неограниченное количество раз при AJAX обновлении страницы?

Буду признателен за ответ в виде скрипта!

Answer 1

Как предположение. Надо вынести этот код в отдельную функцию и вызывать когда понадобится.

jQuery(function($) {
    doWork();  
});

$.ajax({
    url: "test.html",
    context: document.body
}).done(function() {
    doWork();
});

function doWork() {
    $('.div-link').each(function() {
        const src = $('.wrapper-link', this);
        const link = $('a', src);
        const dst = $('.txt-block', this);
        link.text($(dst).text());
        $(dst).text('').append(link);
        src.remove();
  });
}

БЛОГ НА HUSL

Как сделать чтобы jquery скрипт срабатывал при ajax обновлении страницы

Ответы (1 шт):