禁用jQuery Mobile中的表单元素并更新样式

Question

禁用表单元素后，我无法应用禁用的样式。如果我按F5刷新页面，则应用样式......这里有什么问题？

$("#frm input").prop("disabled", true);
$("#frm input").each(function(i) {
  $(this).addClass("ui-disabled");
  $(this).trigger("refresh");
}); 

jQuery Mobile 1.4.0

编辑

这有效，但是我必须为每个ui-class设置一个循环.....

$("#frm .ui-checkbox").each(function(i) {
  $(this).addClass("ui-disabled");                  
}); 

Answer 1

如果您想一次禁用所有内容，则无需循环，只需将ui-state-disabled添加到 controlgroup 。

$(".selector").addClass("ui-state-disabled");

  

<强> Demo