在jquery中禁用元素

Question

我的演示在这里.

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

当我点击'ABC'文本时,它会附加一个textarea.附加后我想禁用文本'ABC'.这意味着,它不应该多于一个附加文本框.

Answer 1

使用绑定事件.one().一旦事件第一次运行,jQuery将自动将其从元素中取消绑定.

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

参考: .one()

DEMO