title: magnific ajax popup loading a dynamic html
body: <p>I am new to magnific popup. Forgive me if the question has an simple answer. But I have spent some time experimenting different ways and with no success. </p>
  
  <p>I can use magnific popup to do inline and ajax with a static html but cannot get it to work with a dynamic html. </p>
  
  <p>I want magnific popup to load a html with parameters such as <a href="http://xxx.xxx.xxx.xxx/test.html?activityid=22" rel="nofollow">http://xxx.xxx.xxx.xxx/test.html?activityid=22</a>  test.html will show a title and a picture for that activityid. I can load the page with correct title and picture if I copy and paste that url into the browser. But magnific popup failed to load right title and picture and only load the default title and picture. It seems to me that information "activityid=22" is not passed. Do you know a good way to do it? Please help.</p>
  
  <p>HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;a class="simple-ajax-popup-align-top" href="test.html?activityid=22"&gt;open_popup&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Jquery:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.simple-ajax-popup-align-top').magnificPopup({
    type: 'ajax',
    alignTop: true,
    overflowY: 'scroll',
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have also tried to play with magnificPopup callbacks trying to set window.location.hash etc. but none worked. Thanks for your time and help.</p>