Как скрыть ссылки на jQuery

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Как скрыть ссылки на jQuery

Сообщение Slash » Вт июн 14, 2016 10:58 pm

Доброго времени суток.
Появилась идея написать сценарий на jQuery, который бы показывал ссылку, только после клика по фразе "Показать ссылку". Не буду много болтать, сразу покажу код:

Код: Выделить всё

$('.link').click(function() {
    $(this).replaceWith(function() {
        return '<a href="' + $(this).data('url') + '" target="_blank">' + $(this).data('url') + '</a>';
    });
});

При этом сценарии ссылки пишутся так:

Код: Выделить всё

<span class="link" data-url="http://danfa.org/">Показать ссылку</span>
<
span class="link" data-url="http://yandex.ru/">Показать ссылку</span>
<
span class="link" data-url="http://google.com/">Показать ссылку</span

После того, как пользователь кликнет по фразе "Показать ссылку", он получит активную ссылку на том же месте.

Для выполнения сценария необходимо подключить jQuery (Как подключить библиотеку jQuery).
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость