Question

我有一个单选按钮。当我点击它时，超过50个字段被禁用，一些文本被更改，并且使用jquery添加了几个类。一切正常，但单选按钮选择显示选择延迟。我知道DOM操作会降低UI渲染速度。有没有解决这个问题的方法？

不幸的是我无法显示确切的代码，但我可以提供一些样本以便更好地理解 -

$(document).ready(callMe);
function callMe() {
    $("#text-field").on("change", function(){
        var value = $("#text-field").val();
        $("#value").html("yo" + value);
    }).trigger("change");
}



<input type="text" id="text-field">
<p id="value"></p>

请注意 - 这只是一个示例操作，在实际代码中需要大量的操作，这需要花费时间，因此减慢了选择单选按钮的渲染速度。

Answer 1

好的尝试这样的事情：

$(document).ready(function () {
    const $val = $("#value");
    const $textField = $("#textField");
    textField.on("change", function ( val ){
        $val.html("yo" + this.value);
    });
    $val.html("yo" + $textField.val() );
}); 



<input type="text" id="textField">
<p id="value"></p>

如果在其上应用条件，单选按钮选择会很慢

1 个答案: