Javascript “设置动态生成的按钮”；残疾人士；

我有一个基于WebSocket的聊天应用程序。在每条消息旁边都应该有一个分级按钮。我需要通过将相应的按钮设置为禁用来禁止自评。问题是消息及其按钮是动态生成的，代码段不起作用

$（“.btn”）.prop（“已禁用”，true）

单击
您必须调用

$(".btn").prop("disabled", true);

就在动态生成的html片段插入DOM树之后

或者在生成html节点时添加禁用的右侧

<button class="btn" disabled>Click</button>

点击
像这样的东西

添加
这是一个章节
给这个打分！
$（文档）.ready（函数（）{
$（'.add'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var clone=$（'#template'）.clone（true.attr（'id'，''）；
clone.find（'.rate'）.prop（'disabled'，true）；
clone.appendTo（'body'）；
});
});
您的代码片段抛出了一个500内部服务器错误…@MTCoster该站点有一些问题，请参阅别忘了在服务器端进行健全性检查。。。。启用按钮非常容易。：）
<button class="add">Add</button>
<div class="section" id="template">
    This is a section
    <button class="rate">Rate This!</button>
</div>

$(document).ready(function() {
    $('.add').on('click', function(e) {
        e.preventDefault();
        var clone = $('#template').clone(true).attr('id', '');
        clone.find('.rate').prop('disabled', true);
        clone.appendTo('body');        
    });
});