Magnific弹出窗口没有在第一次点击/ javascript打开

Question

我已经实现了使用javascript连接服务器端的巨大弹出窗口，其工作正常从第二次点击。但是在第一次点击时，我没有按照我的测试加载大胆的弹出窗口。

我的jsp文件中的代码

<a href="javascript:test(${data.PKey});" data-mfp-src="#testpop" class="open-popup-link">click here</a>
<span id="promotepop" class="white-popup"></span>

javascript代码：

function promote(id){
var url="database.jsp?pkey="+id;
var xmlhttp;
      $('.open-popup-link').magnificPopup({
         type: 'inline',
         overflowY: 'scroll',
         alignTop: 'true',
  });

if (window.XMLHttpRequest)
  {
      xmlhttp=new XMLHttpRequest();
  }
else
  {

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.onreadystatechange=function()
  {

  if (xmlhttp.readyState === 4)
        document.getElementById("promotepop").innerHTML=xmlhttp.responseText;
        {
    }
  }

xmlhttp.open("GET",url,true);
xmlhttp.send();
}

    </script>