Versuchen, jQuery zu verwenden, um einen Ankerklick nach dem Laden der Seite auszulösen - javascript, jquery

Das wurde hier schon mehrmals gefragt, und obwohl ich alle Threads gelesen habe, die ich finden kann, funktioniert das bei mir immer noch nicht.

Ein kleiner Hintergrund: Ich arbeite an einer Wordpress-Site mit einem Grid-Plugin und versuche, abhängig von einem URL-Parameter einen Filter auszulösen, wenn die Seite geladen wird. Für den Zweck dieses Threads habe ich nur einen URL-Parameter (die Kategorievariable) als Beispiel fest codiert, da diese Funktionalität gut funktioniert.

Das Ankertag, das ich auslösen möchte:

<a href="javascript:;" class="ladda-button" data-category="55" data-style="zoom-in">Tarps and Covers</a>

Der fehlerhafte Code, mit dem ich versuche, das Klickereignis auszulösen:

<script type="text/javascript">
$(document).ready(function() {
var hash = window.location.hash;
var category = "55";
var anchor = $("[data-category=" + category + "]");
anchor.click();
});
</script>

Ein Konsolenprotokoll, das die Ankervariable zurückgibt, bestätigt, dass ich das richtige jQuery-Objekt auswähle, und ich habe es auch versucht anchor[0].click() um es ohne Erfolg auszulösen. Hat jemand irgendwelche Probleme, die ich übersehen habe?

Antworten:

Ich versuchte es :

  $(document).ready(function() {
var hash = window.location.hash;
var category = "55";
var anchor = $("[data-category=" + category + "]");
anchor.click();
anchor.on("click",()=>{
alert();
})
});

Alles funktioniert