user38208
user38208

Reputation: 1094

Changing jQuery Event from click to on load

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?

Upvotes: 0

Views: 63

Answers (2)

Pramod Karandikar
Pramod Karandikar

Reputation: 5329

You can trigger click event on page load.

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

Upvotes: 1

Khawer Zeshan
Khawer Zeshan

Reputation: 9646

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

Upvotes: 1

Related Questions