使用jquery .css修改的元素样式未在Chrome上刷新

Question

当发生onchange事件时,我使用.css更新select元素的宽度.在HTML中:

<select name="city_search" id="city_search" onchange='resetDropDown("#state_search");'>
<select name="state_search" id="state_search" onchange='resetDropDown("#city_search");'>

在JS中

function resetDropDown(elementObj)
{
    var selectBoxWidth = $(elementObj).attr('id') == 'college_search' ? 143 : 113;
    $(elementObj).css({width:selectBoxWidth});
}

出于某种原因,属性宽度已正确更改,但在检查元素或刷新页面之前,chrome不会显示更改.有没有办法强制chrome显示应用于元素样式的更改？

提前致谢.伊丽莎白

Answer 1

可以通过强制webkit重绘/重绘样式更改来解决此问题.您可以参考这个答案:https://stackoverflow.com/a/3485654/567101