Jquery Fancybox iFrame覆盖未显示

我使用下面的代码在某些产品页面上显示一个弹出窗口，以确认用户已年满18岁，此功能非常有效，但不会显示淡出背景页面的覆盖。 在页面呈现后查看代码，我可以看到当我的iFrame显示时，div fancybox覆盖不存在。 我尝试过使用下面代码中显示的帮助程序，但没有成功

编辑：我还尝试在助手中使用closeBtn:false从右上角删除close按钮，但这也不起作用

<script type="text/javascript" src="/js/newsletter/newsletter.js"></script>
<script>
veriage = getCookie('ageveri');
if (!veriage){veriage = 10};
if (veriage == 10){veriage = 20;

  jQuery.fancybox({

        href: "/js/agecheck/age-check.html",
        type: 'iframe',
        'width': 450,
        helpers:  {
                  overlay : true
        } 

            });

}
if (veriage != 10){
cookieData = veriage;
setCookie('ageveri',cookieData,expDate)
}
</script>

---

我已经看到了在DOM准备就绪之前启动fancybox的问题。尝试将代码包装到ready方法中。谢谢，将整个代码包装在ready方法中非常有效。