jquery .click() does not work

Question

87 views Asked by Beji At 26 March 2018 at 19:08

on my php page I want to click a button on page load. I have tested it with jQuery and JS. While jQuery does not work, the JS works fine.

Any idea why this is the case?

jQuery:

<script>
$(document).ready(function() {
    $('#button_id').click();
    $('#button_id').trigger('click');
});
</script>

JS:

<script>
    window.onload = function() {
        document.getElementById('button_id').click();
    };
</script>

The button I want to click has a data-filter inside. Might this be the problem?

<button id="button_id" data-filter=".parkett" class="sub">Button</button>

EDIT:

No errors in the console, libary is added at the top.

This is my console output if I log both buttons:

There are 3 answers

Seann On 26 March 2018 at 19:09

Sounds like you haven't included the jquery script in your head

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

Korgrue On 26 March 2018 at 19:24

$('#button_id').click();

You have defined no click handler - so nothing going to happen. You need to drop a function in there to use as the callback. Like this:

 $( "#button_id" ).click(function() {
    $(this).trigger('click');
 });

**mayur kasar** · Accepted Answer · 2018-03-26T19:22:13+00:00

mayur kasar On 26 March 2018 at 19:22 BEST ANSWER

$("document").ready(function() {
setTimeout(function() {
    $("#button_id").trigger('click');
},10);
});