javascript - 将 Jquery 升级到 3.4 后，Material js 单选按钮禁用不起作用？

Question

我已将 jquery 版本升级到 3.4 和 material.js 版本 1.1.0。将 jquery 版本升级到 3.4 后 $(".id").attr("disabled", "disabled"); 不工作。它适用于某些版本的 chrome 浏览器，我的版本是 83.0.4103.116。已正确删除和添加 disabled 属性，但未在单选按钮上应用禁用样式。如果我们在 html 中硬编码禁用它工作正常示例代码：

 <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="RadioButton">
 <input id="RadioButton" type="radio" class="mdl-radio__button" name="approve" value="Radiobutton">
 <span class="mdl-radio__label">Radio</span>
 </label>
$(document).ready(function () {
 $("#RadioButton").removeAttr("disabled");
if(condition)
$("#RadioButton").prop("disabled", "disabled");
});

在 js 文件中，我添加了这样的 Normal 单选按钮正在工作，但是在使用材料单选按钮（使用此类的 mdl-js-radio mdl-js-ripple-effect）之后没有工作

标签： javascriptjqueryjquery-pluginsmaterial-design

Answer 1

我建议将其用于较新版本的 jquery，这是更好的方法

$("#RadioButton").prop('disabled', true);