Question

我正在开发网站，允许用户在点击链接“谢谢”和“祝你好运”时自动插入文本到textarea。点击链接后，该链接将被隐藏。现在，我可以在点击该链接时将文本插入textarea。我现在想要的是如果用户没有点击这两个链接，textarea下面的推文链接将无法点击，用户点击两个链接后，推文链接将是可点击的。

这是我当前的代码

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();
})

任何人都可以帮我解决上述要求吗？

提前感谢。

Answer 1

这样的事情怎么样：

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

如果可见.click项的数量大于零，则不执行任何操作。当它达到零时显示一条消息。

Answer 2

删除锚标记的href，

$（ '＃鸣叫'）removeAttr（ 'href' 属性）。

为锚标记添加href，

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

在页面加载时删除href标记，在用户单击第一个链接时添加href。如果您想同时点击“。click”链接，您可以在函数内添加计数器变量来跟踪点击次数。

如何根据textarea中的文本建立链接可点击或不可点击？

2 个答案: