JQuery - 禁用动态生成的表单元素/按钮答案

【问题标题】：JQuery - disable dynamically generated form elements / buttonsJQuery - 禁用动态生成的表单元素/按钮
【发布时间】：2014-07-11 00:52:10
【问题描述】：

我有一个带有一堆动态生成的表单按钮（通过 AJAX 获取）的 DIV。

我正在尝试找出如何 disable 动态生成表单按钮（例如，假设某些表单按钮是使用 ajax 获取并显示在 div 中。我将动态按钮放置在类 @987654322 的 DIV 中@。

我尝试了以下方法，但它不起作用：

 $(".buttonContainer").find('*').prop("disabled", true);

有点相关，但我知道如何使用 JQuery 从动态生成的表单元素中捕获事件，方法是将这些动态表单元素放置在父 DIV 中并告诉 DIV 在 DOM 中向上传播时捕获它们的事件，请参阅下面我的动态按钮正在使用 btn-timeselection 类。

$(".buttonContainer").on( "click",  ".btn-timeselection", function(eventObject)  {
  event.preventDefault();
  var item = $(this);
  $(".btn-timeselection").removeClass("btn-orange");
  $(".btn-timeselection").addClass("btn-grey");
  item.addClass("btn-orange");
});

是的，回到最初的问题，如何禁用这些动态按钮？

【问题讨论】：

在function(eventObject)中是eventObject，你使用了event.preventDefault();，怎么来的？
你在用这个 $(".buttonContainer").find('*').prop("disabled", true); ajax 成功后？
@AnoopJoshi 谢谢我将代码放在 Ajax Success 中，它可以工作。我宁愿把它留在成功处理程序之外，但我想它是否有效。

标签： jquery forms button dynamic disabled-input

【解决方案1】：

这将为您解决问题

$('.buttonContainer').find('button').attr('disabled','disabled');

【讨论】：