javascript - 使用 jquery 检查 css 的属性值

Question

我不知道我在这里做错了什么。

所以我想使用 jquery 来检查一个 css 类的属性值是否等于某个值。如果是，则执行一些代码，如果不是，则执行其他代码。

问题是其中一些会起作用，而另一些则不会。例如，这是我的 jquery:

if (jQuery( ".mobile_swap" ).css('height') == '100%' ){
        console.log("worked");
    } else {
        console.log("nope");
    }

现在它不起作用，但如果我将其更改为:

if (jQuery( ".mobile_swap" ).css('height') == '100px' ){
        console.log("worked");
    } else {
        console.log("nope");
    }

它会起作用的。所以我的问题是为什么它能识别像素而不是百分比？它也不适用于汽车。显然，当我对此进行测试时，我要确保 css 部分是正确的，所以它是正确的。

提前致谢!

Answer 1

jQuery 评估所选 DOM 元素(在您的情况下为 ".mobile_swap")的当前内部高度(以像素为单位)。这绝不是百分比。

百分比只能在定义 CSS 样式时使用，之后浏览器会评估百分比并在页面加载时将元素设置为该高度(以像素为单位)。

如果您绝对需要根据百分比对其进行评估，则需要检索父元素的高度(或宽度)并根据子元素的高度(或宽度)执行一些基本计算。