popovers bootstrap not display on all pages on asp.net project razor p

Question

I work on asp.net razor pages . i face issue i can't display popovers content  on all pages of web applications 

Iit working and display on some pages and some pages not working 

popovers exist on layout page and all pages inherit from it 

so my question why popovers not working on some pages and working on another page

i need to know why it not working 

my layout page as below so 

content This is the popover content. not show on all pages so why and how to solve this issue

<a  data-toggle="popover"  title="ahmed salah"><img src="@Url.Content("~/Img/imgprofile.png")" alt="ImageProfile" /></a>
				
@RenderBody()
<script>
	
	$(function () {
		// Enables popover
		$("[data-toggle=popover]").popover({ content: "This is the popover content."});
	});
</script>

???