Question

I want to run a function when elements of a certain class are loaded and clicked… so something like:

$(".blah").on("load,click", function() {
    // do stuff
})

but it seems that the load event is not an event (maybe?). What’s the best way to get the function to run on click and on load?

Answer 1

You could trigger the click on document ready:

$(document).ready(function() {
   $('.blah').click(function() {
       // handle click event
   });
   $('.blah').trigger('click');
});

From the jQuery documentation for load:

The load event is sent to an element when it and all sub-elements have
been completely loaded. This event can be sent to any element
associated with a URL: images, scripts, frames, iframes, and the
window object.