页面加载时的jQuery绑定事件

Question

I have a small script that I would like to complete on change of value, on click, or on keyup on certain elements, but I also want it to happen on page load (or when the elements first load).

The code that I have now will do it, but doesn't do it originally on page load, you have to complete one of the 3 triggers first. Is it possible to do this without writing a new script?

$(document).ready(function() {
    $('.orderinput, .paymethod, .serverselect').bind('change click keyup', function(event) {}
});

Answer 1

Take your logic out, and put it into a separate function. Then call that function in your ready clause. For example:

$(document).ready(function() {
    $('.orderinput').on('change click keyup', function(event) { myComplexFunc(event); } );

    var myComplexFunc = function(event) {
        console.log('Triggered');
    }

    myComplexFunc();

});

Answer 2

Along the lines of Mike L, I would suggest you use .on instead of .bind as it is the preferred method for attaching event handlers to a document, see this .

If you want to avoid writing a separate function you can trigger an event after the event handler has been attached directly on the element like this:

$(".yourElementClass").click(); //or .change() or .keyup()