Как при клике по ссылке, поменять href?

Question

[rinaz22]

Всем привет! Есть html ссылка. Как сделать так, чтобы при клике по этой ссылке, открывалась другая ссылка? Т.е. в html ссылке указана https://toster.ru, а при клике открывается https://toster.ru/q/580809
Я знаю, что это можно сделать с помощью jquery click, но я плохо разбираюсь в этом.

Answer 1

[Dmitry Bay]

$('body').on('click', '.coolLink', function (e) {
 e.preventDefault();
document.location='https://sitecoder.blogspot.com';
return false;
}

return false прям обязательно хД

Comments

[rinaz22]

не работает

[Dmitry Bay]

rinaz22, значит что-то недоговариваете.
Ставьте alert(), чтобы отследить, запускается ли вообще event.

[rinaz22]

Dmitry Bay, alert не работает. Вроде все сказал
Пробовал сделать так:
<a href="#" class="coolLink">Тест</a>

$('body').on('click', '.coolLink', function (e) {
alert('ОК');
}

[Dmitry Bay]

rinaz22, значит евент не запускается.
1) либо он запускается в iframe, не смотря на то, что вы говорите.
2) Либо там есть дополнительный блокировщик наследуемых евентов.
В любом случае - дебаг - ваше все.

[Dmitry Bay]

rinaz22,
есть еще вариант, после того , как запустится script подгружаемый, выполнить подобный код.
Можете проверить после загрузки все страницы его.

$('.coolLink').attr('href','newlink');
либо

$('.coolLink').attr('onclick','alert(); document.location='https://sitecoder.blogspot.com'; return false;');

[rinaz22]

Dmitry Bay, я плохо знаю js. Скажите пожалуйста, куда это добавить?

[Dmitry Bay]

rinaz22, в консоли браузера сначала.
чтобы проверить, работает ли вообще.

[rinaz22]

Dmitry Bay,

$('.coolLink').attr('onclick','alert(); document.location="https://sitecoder.blogspot.com"; return false;');

Вот этот проверял и в консоли и в коде, все ок.
Но, работает только если вставить ссылку на странице:
<a href="#" class="coolLink">тест</a>
А ссылка, которая грузиться с стороннего сервиса, не работает.
Сначала грузится страница, т.е. js код, потом код стороннего сервиса. Может из-за этого?
Если да, то можно ли чтобы он подождал полной загрузки кода стороннего сервиса?

[Dmitry Bay]

rinaz22,
может и так

$(function() {
  $('.coolLink').attr('href','newlink');
});

[rinaz22]

Dmitry Bay, нет, ссылка установленная на странице работает, а ссылка которая загружается через сервис, нет

[Dmitry Bay]

rinaz22, так сделайте так, чтобы запустить ее после.

А вообще давно бы оформили код в jsfiddle , и люди бы не распинались бы играя в гадалки.

[Dmitry Bay]

rinaz22, любой из предложенных выше ответов код в нормальных условиях работает.

[rinaz22]

так сделайте так, чтобы запустить ее после.

а как? Я же говорю, я в js плохо разбираюсь. Помогите пожалуйста

Answer 2

[xmoonlight]

<a href="https://toster.ru" onclick="document.location='https://sitecoder.blogspot.com';return false">Полезный сайт</a>

Comments

[Roman Sokolov]

preventDefault не надо?

[xmoonlight]

Роман Соколов, нет, и то, что в ответе - это в теге пишется...

[rinaz22]

xmoonlight, к сожалению onclick не подходит

[xmoonlight]

rinaz22, по каким причинам: он не работает в принципе или нужно именно из JS-скрипта обработку?

[rinaz22]

xmoonlight, эта ссылка грузиться через сторонний сервис, и я не могу добавить что-либо другое

[xmoonlight]

rinaz22, я обновил ответ. Так вот - работает?

[rinaz22]

xmoonlight, я же говорю, что ссылка грузиться с другого сервиса и я не могу добавить onclick

[xmoonlight]

rinaz22, разметка с другого? а разметка - в другом iframe или как?

[rinaz22]

ссылка грузиться с стороннего ресурса через script, не iframe

[xmoonlight]

rinaz22, надо сделать выборку по нужным ссылкам (получить массив объектов-ссылок) и на каждой итерации привязать свой обработчик клика.

[rinaz22]

xmoonlight, а как-нибудь по легче нельзя?

[xmoonlight]

rinaz22, если ссылки формируются через JS - то проще уже никак.

[rinaz22]

он подключается так:

[rinaz22]

<script type="text/javascript" src="https://site.ru/test.php?siteid=123"></script>

[xmoonlight]

rinaz22, ну да. и делает модификацию DOM-а страницы, создавая объекты динамически. После этого - нужно сделать то, что я написал выше.