Question

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button class="btn">Click</button>

Answer 1

你必须打电话给

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

将动态生成的html代码段插入DOM树后。

或者在生成html节点时添加禁用权限。

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

Answer 2

这样的事情？ http://jsfiddle.net/swm53ran/172/

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

设置动态生成的按钮“禁用”

2 个答案: