Show the custom popup window on clicking the people name in sharepoint people search result

Question

Show the custom popup window on clicking the people name in sharepoint people search result
We are doing the below code to open a popup but while clicking on name link its postback the page and not opening the popup in first click but opening in second click.The same issue occurs while navigate to second page using pagination
The below code used to show name in item template
<button id="NameFieldLink" class="temp" style="font-size: 12px;text-decoration:none;color:#0072c6;border:0px solid #fff;background:transparent;margin-left: 1px;height: 15px;padding: 0 10px 17px 0px;text-align: left;cursor:pointer;font-family:
Arial, Helvetica, sans-serif;" title="">_#= DisName =#_</button> 
The below jquery code used to open popup in control search template
ctx.OnPostRender = []; 
ctx.OnPostRender.push(function () {
$(".temp").on("click", function(event)
event.preventDefault();
$('#fadeout').show();
$('#pop1').find('.tab-content-people').html($(this).closest('.emp-card').find('.pop-content').html());
$('#pop1').show();
return false;

Answer 1

I believe the issue is that you are not actually searching against the result source you made in step #1.
It's not enough to make a result source, you have to tell the search results web part to use it.
Try this:
1. Go to the Pages library of Search Center
2. Create a new Search Results page
3. Edit the page, then edit the search results web part
4. Change the source for the search results web part to your source
5. Add the page to your Search Center navigation
6. Run the search on that page
Scot
Author,
Microsoft SharePoint 2013 App Development
Author,
Professional Business Connectivity Services
Author,
Inside SharePoint 2013
Blog, www.shillier.com
Twitter, @ScotHillier
SharePoint Trainer, Critical Path Training