0

我正在使用 fancybox 1.3.4 在弹出窗口中显示一些内容，但弹出窗口不在浏览器中如何解决？

html代码：

<a class="clickMe" title="" message="Last Updated: 10/1/2013">Privacy Policy</a>

js代码：

$("body").on("click", ".clickMe", function(){
    showAlertSized($(this).attr("title"), $(this).attr("message"), $(this).attr("width"), $(this).attr("height"));
});
function showAlertSized(title, msg, width, height) {
    debugger;
    if(width === undefined){
        //width = 965;
        width = '95%';
    }
    if(height === undefined) {
        //height = 700;
        height = '95%';
    }
    var content = '<h1>' + title + '</h1>' +
        '<p class="msg">' + msg + '</p>' +
        '<div class="fancy-btns"><input type="button" value="" onclick="closeAlert()" class="fancy-ok-btn" /></div>';
    $.fancybox({
        'content': content,
        'hideOnOverlayClick': false,
        'overlayOpacity' : 0.7,
        'overlayColor' : '#777',
        'width': width,
        'height': height,
        'autoDimensions': false,
        'autoSize': false
    });
}

这是屏幕截图 在此处输入图像描述

4

1 回答 1

0

您的宽度和高度设置为视口的 95%，因此根据逻辑，您有 5% 的宽度和高度未计算在内。尝试将 'margin': 2.5% 添加到您的 fancybox 初始化调用中，这应该在您的 fancybox 的所有 4 个边上放置 2.5% 的边距，使其完美居中。不幸的是，我无法对此进行测试或提供编码示例，但理论上它应该可以工作！

于 2013-10-10T14:23:42.413 回答