Jak wywołać zdarzenie kliknięcia elementu href

Próbuję wywołać zdarzenie kliknięcia hiperłącza za pomocą jQuery w sposób przedstawiony poniżej. Hiperłącze nie ma żadnego identyfikatora, ale ma klasę css

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

Powyższa funkcja nie działa. To jest hiperłącze

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

Nie mam faktycznych dowodów, aby to udowodnić, ale już napotkałem ten problem. Wygląda na to, że wywołanie zdarzenia click () w <a>tagu nie działa w taki sam sposób, jakiego można by oczekiwać w przypadku, na przykład, przycisku wprowadzania.

Rozwiązaniem, które zastosowałem, było ustawienie właściwości location.href w oknie, co powoduje, że przeglądarka ładuje zasób żądania w następujący sposób:

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

Edytować:

Zrobiłbym skrzypce js, ale natura pytania zmieszana z tym, jak jsfiddle używa iframe do renderowania kodu, sprawia, że ​​nie idzie.

Natywna metoda DOM działa właściwie:

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

Działa to niezależnie od tego, czy hrefjest to adres URL, fragment (np. #blah) Czy nawet javascript:.

Zauważ, że wywołuje to clickmetodę DOM zamiast metody jQuery click(która jest bardzo niekompletna i całkowicie ignoruje href).

_{Oprócz świetnej odpowiedzi romkyns ... tutaj jest odpowiednia dokumentacja / przykłady.}

Elementy DOM mają .click()metodę natywną .

HTMLElement.click()Sposób symuluje kliknięcie myszy na elemencie.

Gdy używane jest kliknięcie, uruchamia również zdarzenie kliknięcia elementu, które spowoduje przejście do elementów znajdujących się wyżej w drzewie dokumentu (lub łańcuch zdarzeń) i uruchomi również zdarzenia kliknięcia. Jednak bulgotanie zdarzenia kliknięcia nie spowoduje, że <a>element zainicjuje nawigację tak, jakby otrzymano prawdziwe kliknięcie myszą. (odniesienie do mdn)

Odpowiednia dokumentacja W3 .

Kilka przykładów ...

• Możesz uzyskać dostęp do określonego elementu DOM z obiektu jQuery: (przykład)

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

• Możesz użyć tej .get()metody, aby pobrać element DOM z obiektu jQuery: (przykład)

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

• Zgodnie z oczekiwaniami możesz wybrać element DOM i wywołać .click()metodę. (przykład)

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

Warto zaznaczyć, że jQuery nie jest wymagane do wywołania .click()zdarzenia natywnego .

Wywołanie kliknięcia przez JavaScript nie spowoduje otwarcia hiperłącza. Jest to środek bezpieczeństwa wbudowany w przeglądarkę.

Zobacz to pytanie, aby poznać niektóre obejścia.

Chcę tylko powiedzieć, że zaakceptowana odpowiedź nie zawsze działa.

Oto przykład, że się nie powiedzie.

gdyby <href='/list'>

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

lub możesz dołączyć do tego href z jQuery

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

lub sposób jQuery

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

Na koniec wywołaj go, aby zmienić adres URL bieżącej strony przeglądarki

window.location.href = href

lub wyskocz za pomocą window.open(url)

Oto przykład w JSFiddle.

Miałem podobny problem, jak kliknąć przycisk zamiast łącza. Nie udało się to w metodach .trigger ('click') lub [0] .click () i nie wiedziałem dlaczego. W końcu zadziałały dla mnie:

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