Question

我有这个小伙子。我正在尝试打开一个全屏，响应和页面加载的弹出窗口。我把它设置为弹出一个按钮。问题是它没有打开页面加载而且不是全屏。

这是我的jquery

$(window).load(function(){
 jQuery(document).ready(function ($) {

$('[data-popup-target]').click(function () {
    $('html').addClass('overlay');
    var activePopup = $(this).attr('data-popup-target');
    $(activePopup).addClass('visible');

});

$(document).keyup(function (e) {
    if (e.keyCode == 27 && $('html').hasClass('overlay')) {
        clearPopup();
    }
});

$('.popup-exit').click(function () {
    clearPopup();

});

$('.popup-overlay').click(function () {
    clearPopup();
});

function clearPopup() {
    $('.popup.visible').addClass('transitioning').removeClass('visible');
    $('html').removeClass('overlay');

    setTimeout(function () {
        $('.popup').removeClass('transitioning');
    }, 200);
}

});
});

Answer 1

http://jsfiddle.net/rodmbo0m/1/

此更新会进行全屏弹出。

刚刚将定位切换为固定，并在弹出体

上将所有四个角的边界设置为0

position:fixed;
top:0;
right:0;
left:0;
bottom:0;

全屏不透明弹出

1 个答案: