使用jQuery的慢速 /滞后按钮IE 10对Chrome



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在Drawcharts之前更新AddFields之后的屏幕。但是,即仅在绘制后更新屏幕。

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

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

最新更新