How to force my jQuery code to run on the list's items, when doing paging or doing partial refresh inside my list view

Question

I am working on a sharepoint online team site collection. and i have a discussion board list. now inside the AllItems.aspx view, i added the following script:-

<script src="/assets/jquery-1.11.3.js" type="text/javascript"></script>
<script>
setTimeout(function() {
$('a[href*="mydiscussionboard"]').attr('target', '_blank');
}, 3000);

</script>

the purpose of the script is that whenever a user clicks on a discussion board item, the item should open in a new tab instead of opening it on the current tab. this will ease reading multiple items. and i had to define my script inside a counter otherwise the script will not work. seems the 3 seconds can ensure that the page is fully loaded. Now the script might not be the best thing to do !! but at-least it worked well, even when i embed the allitems view inside my modern page, the script worked.

But the only issue i am facing is that if the users do a paging on the items, or click on the load icon, or click on one of the tabs (such as "my discussions" or "what's hot") as follow:-

then the items' links will not open in new tabs.. so my question is how i can force my script to run after doing paging or partial updates??

Answer 1

Two things, to avoid the three second delay, use one of the several techniques to ensure your code runs after the page is fully loaded.

One technique: Wrap your code in a function and then add the function name to an array of functions that SharePoint will call after loading the page.

function MyFunction() { doSomeWork... }
_spBodyOnLoadFunctionNames.push("MyFunction");

As far as your code not running after paging, by default, pages are loaded as asynchronous partial page loads. Try disabling the Minimal Download site feature.