如何根據文本區域中的文本使鏈接可點擊或不可點擊？

Question

我正在開發一個網站，當用戶單擊鏈接“謝謝”和“祝你好運”時，他們可以自動在textarea中插入文本。 當他們單擊哪個鏈接后，該鏈接將被隱藏。 現在，當他們單擊該鏈接時，我可以在textarea中插入文本。 我現在想要的是，如果用戶不單擊兩個鏈接，textarea下面的Tweet鏈接將不可單擊，而用戶單擊兩個鏈接后，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>

Java腳本

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

有人可以幫我解決上述要求嗎？

預先感謝。

Answer 1

這樣的事情怎么樣：

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

如果可見.click項的數量大於零，則不執行任何操作。 當它達到零時，顯示一條消息。

Answer 2

要刪除錨標簽的href，

$（'＃tweet'）。removeAttr（'href'）;

要為錨標簽添加href，

$（“＃tweet”）。attr（“ href”，“ http://www.google.com/ ”“

頁面加載時刪除href標簽，用戶單擊第一個鏈接時添加href。 如果要同時單擊兩個“ .click”鏈接，則可以在函數內部添加計數器變量以跟蹤點擊。