The javascript to display the button does not work when filtering

Question

Hi,

I have javascript on a Sharepoint 2013 page that displays an html button.
It is working when the page is loaded. In the column is a button.
When the user filters, the script does not work and the button is displayed as html.

Javascript:

<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('td.ms-vb2 a').each(function(){
var linkUrl = $(this).attr('href');
var text = $(this).text();
$(this).hide();
$(this).parent('td').append('<input type="button" value="' + text +'" onclick="Callbutton(\'' + linkUrl +'\')"></input>');
});
function Callbutton(url){
window.location.href=url;
}
</script>

In the cell is this:

<button onclick='Javascript:MyFce(ID)'>CLICK</button>

Thank you very much for any help.

Answer 1

Hi @Markule
You need to add $(document).ready(function(){ }); if you want to load the function when the page is loaded. You can refer to following code

$(document).ready(function() {  
	$('td.ms-vb2 a').each(function() {  
		var linkUrl = $(this).attr('href');  
		var text = $(this).text();  
		$(this).hide();  
		$(this).parent('td').append('<input type="button" value="' + text +  
			'" onclick="Callbutton(\'' + linkUrl + '\')"></input>');  
	});  
  
	function Callbutton(url) {  
		window.location.href = url;  
	}  
});  

For more details
https://www.w3schools.com/jquery/event_ready.asp

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---

Answer 2

You can run function after everything loads on SharePoint like:

function runAfterEverythingElse(){  
    // your code  
}  
 _spBodyOnLoadFunctionNames.push("runAfterEverythingElse");  

You can find other ways of doing it in my answer at: Run JavaScript after page loads