How to make jQuery work without refresh?

Question

JavaScript

Start to deal with jquery, write my own little chrome

extension

$(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()
    });
});

Everything would be fine, but VK, as I understand it, is written in react, which means it doesn’t reload, that is, when you scroll to another user, the script stops working until you reload the page manually, tell me what to do?

Answer 1

// 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);

or like this:

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