0

我正在开发允许用户在单击链接“谢谢”和“祝你好运”时自动将文本插入文本区域的网站。在他们单击哪个链接后,该链接将被隐藏。现在,当他们单击该链接时,我可以将文本插入到 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>

Javascript

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

任何人都可以帮助我满足上述要求吗?

预先感谢。

4

2 回答 2

2

像这样的东西怎么样:

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

如果可见.click项目的数量大于零,则什么也不做。当它达到零时显示一条消息。

于 2013-09-18T07:59:09.313 回答
1

要删除锚标记的 href,

$('#tweet').removeAttr('href');

要为锚标签添加 href,

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

页面加载时删除href标签,当用户点击第一个链接时添加href。如果您希望点击两个“.click”链接,您可以在函数内添加计数器变量来跟踪点击。

于 2013-09-18T07:58:31.900 回答