On Document Ready, Trigger a function that is binded by a click

Question

Hello,

I have a function in a JavaScript like so:

$("#table-filters li").click(function(){ *** Lots of stuff here...
});

What I would like to happen is when the page loads, to one-time, run that function. Something contained in:

$(document).ready(function() { 
});

Suggestions?

Thanks!

Answer 1

Use this:

$("#table-filters li").trigger("click");

Answer 2

$(function(){ 
  $("#table-filters li")
    .click(function(){
      // Lots of stuff here...
    })
    .slice(0,1).click();
});

Answer 3

$("#table-filters li:first").trigger("click");