Я разрабатываю веб-сайт, который позволяет пользователю автоматически вставлять текст в textarea, когда они нажимают ссылку "Спасибо" и "Удачи". После того, как они нажмут на ссылку, эта ссылка будет скрыта. Теперь я могу вставлять текст в textarea, когда они нажимают на эту ссылку. То, что я хочу сейчас, если пользователь не нажимает на эту ссылку, ссылка Tweet ниже textarea будет незаметной, и после того, как пользователь нажмет на обе ссылки, ссылка Tweet будет доступна для кликов.
Вот мой текущий код
HTML
<a class="click" href="">Thank you</a><span style="display: none;">Thank you</span>
<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();
})
Может ли кто-нибудь помочь мне с вышеуказанным требованием?
Заранее спасибо.
Как насчет чего-то вроде этого:
$('#tweet').click(function (e) {
if ($('.click:visible').length > 0) {
e.preventDefault();
}
else {
alert('Need to click more');
}
});
Если количество видимых элементов .click
больше нуля, ничего не делайте. Когда он достигнет нуля, покажите сообщение.
Чтобы удалить href для метки привязки,
$ ( '# Твит') removeAttr ( 'HREF').
Чтобы добавить href для метки привязки,
$ ("# tweet"). attr ("href", " http://www.google.com/ ")
Удалите href-тег при загрузке страницы, добавьте href, когда пользователь нажимает на первую ссылку. Если вы хотите, чтобы ссылки ".click" были нажаты, вы можете добавить переменную счетчика внутри функции для отслеживания кликов.