Fancybox overlay 覆盖内容

Question

几个月来我一直遇到这个问题。我想要做的是在页面加载时打开一个花式框。我的代码使用 AJAX 数据填充 fancybox。

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

我已经尝试了互联网上的所有解决方案，但似乎仍然无法解决这个问题。它仅在我通过代码将 AJAX 加载到 fancybox 时发生。意思是：我没有使用超链接。我尝试使用超链接并调用 .trigger("click")... 不起作用。

@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.

Answer 1

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

Fancybox overlay 覆盖内容

Fancybox overlay is covering content

javascript

ajax

fancybox