问除了setTimeout之外，还有什么方法可以强制浏览器重新绘制吗？

EN

我正在使用(并参与)一个jQuery表排序插件，该插件包含一个在表排序之前进行额外处理的事件。最初，浏览器在排序前不进行重绘，所以我在插件代码中添加了一个setTimeout调用来强制重绘。所以代码现在是这样的：

$table.trigger("beforetablesort", {column: th_index, direction: sort_dir});

setTimeout(function() {
  // do the hard work
}, 10);

我的beforetablesort回调是这样的：

table.bind('beforetablesort', function (event, data) {
  $("table").css({opacity: 0.5});
});

上面这些都运行得很好。但是，如果我使用addClass而不是内联样式，那么该类的更改直到表完全排序后才会显示出来：

table.bind('beforetablesort', function (event, data) {
  $("table").addClass('disabled');
});

如果我将超时时间增加到500ms以上，则不透明度会发生变化。与内联样式更改相比，类更改似乎需要更长一点的时间才能显示出来。但是当浏览器准备重新绘制时，它已经在对表进行排序了。

有没有办法提前强制重绘？或者等到表排序代码运行后再重新绘制？随意增加超时似乎不是一个好的解决方案，因为它会迫使所有表至少花费半秒的时间进行排序。(如果有帮助，插件的完整代码是here on Github。)