Javascript 使用放大弹出窗口显示随机div
我使用这个插件在一个div中显示一个包含HTML内容的模式窗口 当用户触发弹出窗口时,我想随机显示一些div中的一个 但是。。由于我拙劣的javascript技能,我不确定如何使用。老实说,我甚至不知道从哪里开始 有人对如何使用API来实现我的需求有什么建议吗 再次感谢 用作触发器的HTML: 我发现这有助于随机选择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=
<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();