Changing jQuery Event from click to on load

Question

I am using the following onclick function that triggers the object to become full screen when clicked. I want the object to be fullscreen when the page loads without having to click.

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

How can i achieve this?

Khawer Zeshan · Accepted Answer · 2014-12-25 10:21:25Z

1

You better put the main logic in a function and call the same function on ready and click.

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

answered Dec 25, 2014 at 10:21

Khawer Zeshan

9,6568 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pramod Karandikar · Accepted Answer · 2014-12-25 10:21:26Z

1

You can trigger click event on page load.

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

answered Dec 25, 2014 at 10:21

Pramod Karandikar

5,3377 gold badges45 silver badges75 bronze badges

Collectives™ on Stack Overflow

Changing jQuery Event from click to on load

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related