Як викликати подію кліку на елементі href

Я намагаюся викликати подію клацання на гіперпосиланні за допомогою jQuery, як показано нижче. Гіперпосилання не має жодного ідентифікатора, але має cssclass

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

Функція вище не працює. Це гіперпосилання

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

Я не маю фактичних доказів, щоб підтвердити це, але я вже стикався з цим питанням. Здається, що ініціювання події click () на <a>тезі, здається, поводиться не так, як ви очікували б, скажімо, кнопка введення.

Обхідним шляхом, який я застосував, було встановити властивість location.href у вікні, що змушує браузер завантажувати ресурс запиту так:

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

Редагувати:

Я б зробив скрипку js, але характер питання, змішаний з тим, як jsfiddle використовує iframe для візуалізації коду, робить це невдалим.

Власний метод DOM робить правильно:

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

Це працює незалежно від того, hrefє URL-адресою, фрагментом (наприклад #blah) або навіть javascript:.

Зверніть увагу, що це викликає clickметод DOM замість методу jQuery click(який є дуже неповним і повністю ігнорує href).

_{На додаток до чудової відповіді romkyns .. ось кілька відповідних документацій / прикладів.}

Елементи DOM мають власний .click()метод .

HTMLElement.click()Метод імітує клацання миші на елементі.

Коли використовується клацання, він також запускає подію клацання елемента, яка піднімається до елементів вище дерева документа (або ланцюжка подій) і запускає їхні події клацання. Однак барботування події клацання не призведе до того, що <a>елемент ініціює навігацію так, ніби отримано справжній клацання миші. (посилання на mdn)

Відповідна документація W3 .

Кілька прикладів ..

• Ви можете отримати доступ до певного елемента DOM з об’єкта jQuery: (приклад)

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

• Ви можете використовувати .get()метод для отримання елемента DOM з об’єкта jQuery: (приклад)

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

• Як і слід було очікувати, ви можете вибрати елемент DOM і викликати .click()метод. (приклад)

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

Варто зазначити, що jQuery не вимагає активації власної .click()події.

Виконання клацання за допомогою JavaScript не відкриє гіперпосилання. Це міра безпеки, вбудована в браузер.

Однак див. Це запитання для деяких обхідних шляхів.

Просто хочу повідомити вас, прийнята відповідь не завжди працює.

Ось приклад, що це не вдасться.

якщо <href='/list'>

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

або ви можете додати href, який ви отримали від jQuery, до цього

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

або jQuery способом

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

Нарешті, викликайте його, щоб змінити URL-адресу поточної сторінки браузера

window.location.href = href

або висуньте його за допомогою window.open(url)

Ось приклад у JSFiddle.

Я стикався з подібною проблемою, як натиснути кнопку замість посилання. Це не мало успіху в методах .trigger ('click') або [0] .click (), і я не знав, чому. Нарешті, у мене працювало таке:

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