jquery - 禁用 jquery 中的元素

Question

我的demo在这里。

$(document).ready(function () {
    $('.abc').click(function () {
        $('#test').after('<textarea cols="125" rows="2" id="pReply" style="background-color:red;"></textarea>')
    });
});

当我单击“ABC”文本时，它将附加一个文本区域。添加后我想禁用文本“ABC”。这意味着，它不应附加多个文本框。

Answer 1

使用.one()绑定(bind)事件。一旦事件第一次运行，jQuery 会自动为您解除它与元素的绑定(bind)。

$(document).ready(function () {
    $('.abc').one('click', function () {
        $('#test').after('<textarea cols="125" rows="2" id="pReply" style="background-color:red;"></textarea>')
    });
});

引用: .one()

DEMO