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

标签 jquery css select width

当发生 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/

相关文章:

javascript - 为什么在 $.getJSON 调用中使用 $().prop() 更改 href 值不起作用?

html - Outlook 软件去除了电子邮件中的内联 CSS

html - 网页标题破坏问题

html - 如何更改 IE11 中所选选项的背景颜色?

javascript - 访问自定义选择属性值

mysql:每个类别求和 3 条记录

mysql - SQL:删除成对查询中的重复项

jquery - 刷新数据表时出现问题

javascript - 我如何将 br 放入 javascript .text 中

jquery - 我如何使用 AJAX 使我的登录和注册页面在 Rails 3 中相同?