javascript - 将 jQuery 事件从单击更改为加载

Question

我正在使用以下 onclick 函数，该函数在单击时触发对象变为全屏。我希望该对象在页面加载时全屏显示，而无需单击。

  fbNav.find('ul li.fullscreen').on('click', function(e){
        if(!fullscreen) {
            fbFullscreen.show();
            fbFullscreen.append(fbCont);

            $window.trigger('resize');
        } else {
            fbParent.append(fbCont);
            fbFullscreen.hide();

            $window.trigger('resize');
        }

        fullscreen = !fullscreen;
    });

我怎样才能实现这个目标？

Answer 1

您最好将主要逻辑放在一个函数中，并在就绪并单击时调用相同的函数。

function fullscreen(){
    if(!fullscreen) {
        fbFullscreen.show();
        fbFullscreen.append(fbCont);

        $window.trigger('resize');
    } else {
        fbParent.append(fbCont);
        fbFullscreen.hide();

        $window.trigger('resize');
    }

    fullscreen = !fullscreen;
}

//will be executed when page loads
$(document).ready(function(){
    fullscreen();
});

//will be executed on click
fbNav.find('ul li.fullscreen').on('click', function(e){
    fullscreen();
});