Question

我的页面使用ag-grid和一些自定义javascript来更改按钮属性“ disabled”。第一次加载页面时，脚本无法正常工作，但是，如果刷新页面，脚本就可以正常工作。

什么可能导致此问题？这是js代码

$(document).ready(function(){
        $('.table.data tbody').on('change', '.list-checkbox input[type="checkbox"]', function(){
            var repCount = $('.table.data tr.republishable input[type="checkbox"]:checked').length;
            var notRepCount = $('.table.data tr:not(.republishable) input[type="checkbox"]:checked').length;

            $("#btn-republish").prop("disabled", repCount === 0 || notRepCount > 0)
        })
    });

Answer 1

您似乎有所谓的“比赛条件”。

您可能在包含jQuery的行上有async（根据语法，类似于<script src="/path/to/jQuery" async>，我认为它是jQuery）。

只需从此行中删除async，即可使您的代码可靠地工作。

Answer 2

解决方案是jQuery选择器'.table.data tbody'不够好。它太低了，网格中的数据很多，所以在我发现条目表数据被更改之前。因此，更改CSS选择器很有帮助。

不刷新页面就无法使用Javascript

2 个答案: