javascript - 使用 jquery IE 10 与 Chrome 的缓慢/滞后单选按钮

Question

IE 10/Chrome/jquery 1.10.2/Visual Studio 2013 中的标准模板(即 .Net 4.5)

我有 10 个左右的单选按钮，当我单击其中一个时，会发生 2 件事:1.我重新创建了所有单选按钮2.我更新了一些图表

在 Chrome 中，当我点击时，事情会立即发生。在 IE 10 中，按钮会被黑色填充几秒钟，然后才会被选中，并且开始移动。

 var input = $('<input type="radio" class="chartOptions" value="' + myList[i] + '"  name="' + mySelection[0] + '"/>').click(
                       function () {
                               changeSelectedProduct(this, myListCol, myParentCol, myLevel, mySelection);
                       });

 function changeSelectedProduct(esrcElement, myListCol, myParentCol, myLevel, mySelection) {
           addFields(esrcElement.parentNode, null, myListCol, myParentCol, 1, mySelection);
           drawCharts();
   }

我尝试找出哪一行延迟了整个事情。它似乎与每个的实际计算时间成正比。所以没有什么特别的。如果我删除 addFields() 和 drawCharts() ，它就会完美地进行。如果只有其中之一，速度会更快，但并不完美。

什么可能导致这种情况？答案: Chrome 会在 addFields 之后、drawcharts 之前更新屏幕。但是，IE 仅在绘制图表后更新屏幕。

现在如何强制 IE 更新屏幕？

Answer 1

       setTimeout((function () {
           addFields(.....);
       }), 0);
       setTimeout((function () { drawCharts(); }), 0);