花式框覆盖覆盖内容

Fancybox overlay is covering content

本文关键字:覆盖      更新时间:2023-09-26

我已经遇到这个问题几个月了。 我想做的是在页面加载时打开一个花哨的框。 我的代码用 AJAX 数据填充了花哨的盒子。

代码正在工作,但由于某种原因,覆盖层覆盖了内容。 当我查看 html 时,内容嵌套在覆盖层中,而不是覆盖层之外的单独元素。

我已经尝试了互联网上的所有解决方案,但似乎仍然无法解决此问题。 仅当我通过代码将 AJAX 加载到花哨的框中时,才会发生这种情况。 意思是:我没有使用超链接。 我尝试使用超链接并调用 .trigger("点击")...不行。

@if(deniedUsersListCnt > 0){
    <script>
        $(document).ready(function () {
            fancyBoxAjaxGet("/UsersAdmin/_ShowListOfDeniedUsers");
        });
    </script>
}
function fancyboxAjaxGet(dUrl){
    $.fancybox.open({
        href: dUrl,
        type: "ajax",
        ajax: {
            type: "GET"
        }
    });
}

我正在使用 fancybox 版本 2.1.5 和 JQuery 版本 2.1.1。

我所做的是这样的: $(".fancybox-wrap").insertBefore($(".fancybox-overlay"));