Auto-click button element on page load using jQuery

jquery html button modal-dialog pageload
JStormThaKid picture JStormThaKid · Sep 6, 2013 · Viewed 224.1k times · Source

If I wanted to auto-click a button element on page load, how would I go about this using jQuery?

The button html is

<button class="md-trigger" id="modal" data-modal="modal"></button>

Any help on this topic would be greatly appreciated! Thanks in advance!

Answer

JStormThaKid picture JStormThaKid · Sep 6, 2013

You would simply use jQuery like so...

<script>
jQuery(function(){
   jQuery('#modal').click();
});
</script>

Use the click function to auto-click the #modal button

Related questions

jquery change button color onclick

I have multiple buttons that I use when people answer a question. How would I get the buttons to change colors when a person clicks on the button? I do not know jquery, I have been told that it is …

Read More
Changing color of jQuery UI Buttons

Is there an easy way to change the color of a jQuery UI Button? Modifying the css is discouraged from the documentation and doing so anyway is tricky. They say, "We recommend using the ThemeRoller tool to create and download …

Read More
JQuery function for multiple button event with same Id

I am trying to call a JQuery function to occur fade in event for the buttons with same id, but it seems only first button in the brower can occur the event. This is JQuery Function to "fade in" for …

Read More