将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();
});

Answer 2

您可以在页面加载时触发点击事件。

fbNav.find('ul li.fullscreen').trigger("click");