禁用动态创建的按钮

Question

我在ajax事件中创建了一个按钮（我调用了一些数据并在最后创建了一个按钮）。

如何禁用它？

我试试：

$(document).on("click", ".sendLead", function(event) {
    $(".sendLead").disabled = true;
    some code...

但它不起作用！

有什么想法吗？

Answer 1

disabled是一个布尔属性，您必须使用元素上的prop()方法或attr()方法进行设置。所以，试试吧：

$('.sendLead').click(function(event) {
  $(".sendLead").prop('disabled', true);
});

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

Answer 2

在jQuery中使用attr函数

替换

$(".sendLead").disabled = true;

带

如果您使用的是jQuery 1.6或之前使用

$('.sendLead').attr('disabled',true);

或

$('.sendLead').attr('disabled','disabled');

使用jQuery 1.6后

$('.sendLead').prop('disabled',true);

Answer 3

试试这个

$(document).on("click", ".sendLead", function(event) {
     $(".sendLead").prop("disabled", true);