Как смоделировать ссылку ссылки - PullRequest
Новая
       1

Как смоделировать ссылку ссылки

26 голосов
/ 02 декабря 2010

Я пытаюсь вызвать щелчок по ссылке для .jquery. Кто-нибудь знает, почему следующее не работает. 

<!DOCTYPE  HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
  <head> 
    <title>test</title>
  </head>
  <body> 
    <div>
       <a id="google_link" href="http://google.com" target="_blank">click to go to google</a>
    </div>
    <div id="google_link_proxy">click here to do the same as the link above</div>

    <script type="text/javascript">      
     $("#google_link_proxy").click(function(event){
         $("#google_link").click();
     });
    </script>
  </body>
</html>

Ответы [ 6 ]

36 голосов
/ 13 февраля 2014

Метод jQuery полностью игнорирует href: 

$('#google_link').click(); // ignores href!

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

$('#google_link')[0].click();

Это работает независимо от того, является ли href URL-адресом, фрагментом (например, #blah) или даже javascript:.

21 голосов
/ 16 ноября 2012

Если вы используете jQuery и собственный DOM, якорь можно нажать 

// insert an <a> into document and click it **natively**
// (.get(0) returns the DOM element)
$('<a id="fred99" />').attr('href', '#david').attr('target', '_blank')
.text('LINK').appendTo('body').get(0).click();

// now we've clicked, tidy up
$('#fred99').remove();
20 голосов
/ 02 декабря 2010

Похоже, ваш $("google_link_proxy") селектор выключен. Попробуйте $("#google_link_proxy").

Вам также необходимо закрыть вызов наблюдения с помощью }).

Это синтаксические ошибки с приведенным выше кодом, хотя я не думаю, что эти функции предусмотрены в jQuery по умолчанию.

Вот то, что я думаю, что вы после: 

$("#google_link_proxy").click(function(event){
    window.open($("#google_link").attr('href'),'_blank')
});
2 голосов
/ 02 декабря 2010

Убедитесь, что ваш код jQuery заключен в блок ready , например, так: 

$(document).ready(function(){/* your code here */});

Это обеспечивает запуск сценариев после , все содержимое и изображениязагружен.

2 голосов
/ 02 декабря 2010

Использование click () 

$("#google_link_proxy").click(
    function(){
        $("#google_link").click();
    }
);

fireEvent и наблюдать не является частью jQuery API

0 голосов
/ 25 января 2019

Это можно сделать без jQuery: 

document.querySelector('#google_link').click()
...