javascriptjqueryjquery-click-eventjquery-trigger

jquery .click() does not work


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:

Screenshot of console


Solution

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