Multiple events in jQuery

Question

Is it possible to have multiple events in jQuery, like this?

$(window).resize(function () {
    $('#page-wrapper').css('height', (window.innerHeight - 51) + 'px');
});

Now it's just resize() but is it possible to make it so that it is on both resize and ready?

$(window).resize.ready(function () {
    $('#page-wrapper').css('height', (window.innerHeight - 51) + 'px');
});

@JonathanAnctil - except in this case, the ready event is on the document object and the resize event is on the window object. — jfriend00
– jfriend00, Commented May 1, 2015 at 1:15

jfriend00 · Accepted Answer · 2015-05-01 01:12:14Z

1

Usually, this is done like this by just triggering a resize event when the document is ready which will then call your normal resize handler:

$(window).resize(function () {
    $('#page-wrapper').css('height', (window.innerHeight - 51) + 'px');
});

$(document).ready(function() {
    // trigger a resize event when the document is ready
    $(window).resize();
});

See the third form of .resize() in the jQuery doc. If it is called without any arguments, then it triggers the resize event so existing event handlers are called.

answered May 1, 2015 at 1:12

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

Collectives™ on Stack Overflow

Multiple events in jQuery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related