Как заставит JQuery работать без обновления?

Question

[SideWest]

Начать разбираться с jquery, пишу своё маленькое расширение для хрома

Заходишь на страницу человека, наводишься на его имя, получаешь id

$(document).ready(()=>{
    // if (!window.location.href.includes('vk')) return;
    let pers_id = $("#profile_photo_link").attr("href").split('/photo')[1].split('_')[0];
    $(".page_name").hover(() => {
        $(".page_name").append(`<div class="meow"><b>  ${pers_id} </b></div>`);
        $(".meow").css({
            fontSize: 14
        });

    }, () => {
        $(".meow").remove()
    });
});

Всё бы ничего, но вк,как я понимаю, написан на реакте, а значит не перезагружается, то есть при перелистывании на другого пользователя скрипт перестаёт работать, пока ты не перезагрузишь страничку вручную, подскажите, как быть?

Answer 1

[xmoonlight]

// Setup our function to run on various events
var someFunction = function (event) {
    // Do something...
};

// Add our event listeners
document.addEventListener('DOMContentLoaded', someFunction, false);
document.addEventListener('click', someFunction, false);

или так:

"DOMContentLoaded click".split(" ").forEach(function(e){
      document.addEventListener(e,someFunction,false);
    });

Comments

[SideWest]

мне именно с jquery

[xmoonlight]

SideWest, без разницы. суть - не меняется.
Добавьте подписку на нужные события и все.

[SideWest]

а как в таком случае причащать событие не просто на котик
клик, а на клик по определенному элементу

[xmoonlight]

SideWest, event.target там будет объект, по которому кликнули