jquery - jQuery 仅在移动 CSS 加载后运行？

Question

我正在使用媒体查询加载我的移动唯一 CSS，例如

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="/includes/css/mobile.css" />

但除了这些 CSS 更改之外，我还需要重新排序部分 HTML，例如

$('#moveOne').after($('#theOther');

如果浏览器确实加载了 mobile.css，我只希望执行此操作。所以我想在 mobile.css 中添加一些奇怪的 CSS 值，然后像这样检查它的值

if($'#notVisible').css('color') == 'red') {
    $('#moveOne').after($('#theOther');
}

有没有更好的方法来做到这一点？

score 1 · Accepted Answer

您始终可以使用与媒体查询相同的逻辑

if (document.documentElement.clientWidth <= 480) {
    $('#moveOne').after($('#theOther');
}

score 1 · Accepted Answer

我认为，你所做的绝对是好的。

但更合乎逻辑的方式是设置width而不是color.

if($'#notVisible').width() == '500px') {
    $('#moveOne').after($('#theOther');
}

另外，您可以尝试matchMedia.js

2 回答 2