我在调整大小窗口中使用 add 为 remove jQuery 类提供了这个 jQuery 代码:JS:$(function () { $(window).bind("resize", function () { console.log($(this).width()) if ($(this).width() < 500) { $('div').removeClass('yellow').addClass('red') } else { $('div').removeClass('red').addClass('yellow') } })})HTML:<div style="width:300px; height:100px;" class="yellow"></div>实际上,这仅在我手动调整窗口大小时起作用,但默认情况下,如果设备窗口 怎么解决这个问题?!演示 HERE (adsbygoogle = window.adsbygoogle || []).push({}); 最佳答案 使用 trigger() 在页面加载时运行函数 Execute all handlers and behaviors attached to the matched elements for the given event type.$(window).bind("resize", function () { console.log($(this).width()) if ($(this).width() < 500) { $('div').removeClass('yellow').addClass('red') } else { $('div').removeClass('red').addClass('yellow') }}).trigger('resize'); Demo您还可以使用 CSS media 查询来设置页面加载时元素的样式属性。与使用 Javascript 相比,这几乎没有性能提升和更好的用户体验。@media (max-width: 500px) { div { color: red; }}@media (min-width: 500px) { div { color: yellow; }} (adsbygoogle = window.adsbygoogle || []).push({});
10-05 20:37
查看更多