Question

$(function() {
    $('#show').avgrund({
        height: 200,
        holderClass: 'custom',
        showClose: true,
        showCloseText: 'close',
        onBlurContainer: '.container',
        template:'<div>' +
        '<img src="14.jpg" width="100%"  />' +
        '</div>'
    });
});

单击#show按钮然后执行该功能但我想在页面加载后执行该功能而不单击任何按钮在进入页面之前显示弹出图像。

Answer 1

尝试使用 .trigger() ：

$(function () {
    $('#show').avgrund({
        height: 200,
        holderClass: 'custom',
        showClose: true,
        showCloseText: 'close',
        onBlurContainer: '.container',
        template: '<div>' +
            '<img src="14.jpg" width="100%"  />' +
            '</div>'
    }).trigger('click');
});

Answer 2

如果我得到你说的话，你想在实际显示其他内容之前显示一个div，

$(window).load(function(){
        $('#div_you_want_to_show').show();
        return false;
    });

这将在页面加载页面的其余部分之前打开。但是，如果您希望在页面加载后显示div，而在其他页面之前显示：

$(window).load(function(){
        $('#divs_you_want_to_hide').hide();
        return false;
});

function init() {
    // thing you want to do here
    $("#divs_you_want_to_hide").show();
}

init();

如何在页面加载后调用函数？

2 个答案: