Javascript 使用放大弹出窗口显示随机div

Javascript 使用放大弹出窗口显示随机div,javascript,jquery,magnific-popup,Javascript,Jquery,Magnific Popup,我使用这个插件在一个div中显示一个包含HTML内容的模式窗口 当用户触发弹出窗口时,我想随机显示一些div中的一个 但是。。由于我拙劣的javascript技能,我不确定如何使用。老实说,我甚至不知道从哪里开始 有人对如何使用API来实现我的需求有什么建议吗 再次感谢 用作触发器的HTML: 我发现这有助于随机选择div: <a href="#popup-1" class="open-popup">No</a> <div id="popup-1" class=

我使用这个插件在一个div中显示一个包含HTML内容的模式窗口

当用户触发弹出窗口时,我想随机显示一些div中的一个

但是。。由于我拙劣的javascript技能,我不确定如何使用。老实说,我甚至不知道从哪里开始

有人对如何使用API来实现我的需求有什么建议吗

再次感谢

用作触发器的HTML:

我发现这有助于随机选择div:

<a href="#popup-1" class="open-popup">No</a>
 <div id="popup-1" class="mfp-hide">
   Content here
 </div>

 <div id="popup-2" class="mfp-hide">
   Content here
 </div>

 <div id="popup-3" class="mfp-hide">
   Content here
 </div>
$('.open-popup').magnificPopup({
    removalDelay: 300,
    mainClass: 'mfp-fade',
    closeOnContentClick: true,
    closeBtnInside: true
});
 var divs = $("div.Popup").get().sort(function(){ 
  return Math.round(Math.random())-0.5; //random so we get the right +/- combo
 }).slice(0,4)
  $(divs).appendTo(divs[0].parentNode).show();