Открыть меню    

Как эмулировать клик по ссылке на jquery

У нас есть небольшая задача: при клике по элементу-блоку эмулировать клик по обычной ссылке (вне пределов блока); ссылка может быть расположена, где угодно в вашем коде.

Итак, в этом нам поспособствует небольшой (сниппет) блок кода jQuery:

HTML

<div>
   <a id="google_link" href="http://google.com" target="_blank">кликните,
    чтобы перейти на сайт google</a>
</div>
<div id="google_link_proxy">Клик здесь сработает также, как и клик выше</div>

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

jQuery

$("#google_link_proxy").click(function(event){
    window.open($("#google_link").attr('href'),'_blank')
});

Чтобы открыть страницу в новой вкладке, используйте в качестве третьего параметра для метода open значение _blank; чтобы открыть страницу в той же самой странице используйте _parent.

Комментарии к статье

Добавить комментарий к сниппету