当发生 onchange 事件时,我正在使用 .css 更新选择元素的宽度。 在 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 显示应用于元素样式的更改?
提前致谢。 伊丽莎白
最佳答案
这个问题可以通过强制 webkit 重绘/重绘样式变化来解决。你可以引用这个答案:https://stackoverflow.com/a/3485654/567101
关于jquery - 使用 jquery .css 修改的元素样式未在 Chrome 上刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11937843/