Как сделать ссылку кликабельной или не кликабельной по тексту в текстовой области?

0

Я разрабатываю веб-сайт, который позволяет пользователю автоматически вставлять текст в textarea, когда они нажимают ссылку "Спасибо" и "Удачи". После того, как они нажмут на ссылку, эта ссылка будет скрыта. Теперь я могу вставлять текст в textarea, когда они нажимают на эту ссылку. То, что я хочу сейчас, если пользователь не нажимает на эту ссылку, ссылка Tweet ниже textarea будет незаметной, и после того, как пользователь нажмет на обе ссылки, ссылка Tweet будет доступна для кликов.

Вот мой текущий код

HTML

<a class="click" href="">Thank you</a><span style="display: none;">Thank you</span>&nbsp;
<a class="click" href="">Good luck</a><span style="display: none;">Good luck</span><br/>
<textarea rows="5" cols="40" name="replycontent" id="replycontent"></textarea><br/>
<a id="tweet" href="#">Tweet</a>

Javascript

$(".click").on('click',function(e) {
    e.preventDefault();
    $("#replycontent").append($(this).next('span').text() );
    $(this).hide();
})

Может ли кто-нибудь помочь мне с вышеуказанным требованием?

Заранее спасибо.

Теги:

2 ответа

2

Как насчет чего-то вроде этого:

$('#tweet').click(function (e) {
    if ($('.click:visible').length > 0) {
        e.preventDefault();
    }
    else {
        alert('Need to click more');
    }
});

Если количество видимых элементов .click больше нуля, ничего не делайте. Когда он достигнет нуля, покажите сообщение.

1

Чтобы удалить href для метки привязки,

$ ( '# Твит') removeAttr ( 'HREF').

Чтобы добавить href для метки привязки,

$ ("# tweet"). attr ("href", " http://www.google.com/ ")

Удалите href-тег при загрузке страницы, добавьте href, когда пользователь нажимает на первую ссылку. Если вы хотите, чтобы ссылки ".click" были нажаты, вы можете добавить переменную счетчика внутри функции для отслеживания кликов.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню