So lösen Sie ein Klickereignis für das href-Element aus

Ich versuche, ein Klickereignis auf einem Hyperlink mit jQuery wie unten beschrieben auszulösen. Hyperlink hat keine ID, aber eine CSS-Klasse

 $(document).ready(function () {  $('.cssbuttongo').trigger('click'); }); 

Die obige Funktion funktioniert nicht. Dies ist der Hyperlink

<a href="hyperlinkurl" class="cssbuttongo">hyperlink anchor</a>

Ich habe keine sachlichen Beweise, um dies zu beweisen, aber ich bin bereits auf dieses Problem gestoßen. Es scheint, dass sich das Auslösen eines click () -Ereignisses für ein <a>Tag nicht so verhält, wie Sie es beispielsweise mit einer Eingabeschaltfläche erwarten würden.

Die Problemumgehung, die ich verwendet habe, bestand darin, die Eigenschaft location.href im Fenster festzulegen, wodurch der Browser die Anforderungsressource wie folgt lädt:

$(document).ready(function()
{
      var href = $('.cssbuttongo').attr('href');
      window.location.href = href; //causes the browser to refresh and load the requested url
   });
});

Bearbeiten:

Ich würde eine js-Geige machen, aber die Art der Frage, die sich damit vermischt, wie jsfiddle einen Iframe zum Rendern von Code verwendet, macht dies zu einem No-Go.

Die native DOM-Methode macht das Richtige:

$('.cssbuttongo')[0].click();
                  ^
              Important!

Dies funktioniert unabhängig davon, ob hrefes sich um eine URL, ein Fragment (z. B. #blah) oder sogar eine handelt javascript:.

Beachten Sie, dass dies die DOM- clickMethode anstelle der jQuery- clickMethode aufruft (die sehr unvollständig ist und vollständig ignoriert wird href).

_{Zusätzlich zu Romkyns großartiger Antwort finden Sie hier einige relevante Dokumentationen / Beispiele.}

DOM-Elemente haben eine native .click()Methode .

Die HTMLElement.click()Methode simuliert einen Mausklick auf ein Element.

Wenn click verwendet wird, wird auch das Klickereignis des Elements ausgelöst, das zu Elementen weiter oben im Dokumentbaum (oder in der Ereigniskette) sprudelt und deren Klickereignisse ebenfalls auslöst. Das Sprudeln eines Klickereignisses führt jedoch nicht dazu, dass ein <a>Element die Navigation initiiert, als ob ein echter Mausklick empfangen worden wäre. (mdn Referenz)

Relevante W3-Dokumentation .

Ein paar Beispiele ..

• Sie können von einem jQuery-Objekt aus auf ein bestimmtes DOM-Element zugreifen: (Beispiel)

    $('a')[0].click();
  

• Mit der .get()Methode können Sie ein DOM-Element aus einem jQuery-Objekt abrufen: (Beispiel)

    $('a').get(0).click();
  

• Wie erwartet können Sie das DOM-Element auswählen und die .click()Methode aufrufen . (Beispiel)

    document.querySelector('a').click();
  

Es sei darauf hingewiesen, dass jQuery nicht erforderlich ist, um ein natives .click()Ereignis auszulösen .

Durch Auslösen eines Klicks über JavaScript wird kein Hyperlink geöffnet. Dies ist eine im Browser integrierte Sicherheitsmaßnahme.

In dieser Frage finden Sie jedoch einige Problemumgehungen.

Ich möchte euch nur wissen lassen, dass die akzeptierte Antwort nicht immer funktioniert.

Hier ist ein Beispiel, das fehlschlagen wird.

wenn <href='/list'>

href = $('css_selector').attr('href')
"/list"
href = document.querySelector('css_selector').href
"http://localhost/list"

oder Sie können die von jQuery erhaltene href an diese anhängen

href = document.URL +$('css_selector').attr('href');

oder jQuery Weg

href = $('css_selector').prop('href')

Rufen Sie es schließlich auf, um die URL der aktuellen Seite des Browsers zu ändern

window.location.href = href

oder Pop-out mit window.open(url)

Hier ist ein Beispiel in JSFiddle.

Ich hatte ein ähnliches Problem beim Klicken auf eine Schaltfläche anstelle eines Links. Es war nicht erfolgreich in den Methoden .trigger ('click') oder [0] .click (), und ich wusste nicht warum. Endlich hat folgendes für mich funktioniert:

$('#elementid').mousedown();