jQuery如果条件在屏幕小(移动)时不起作用

Question

我有一个简单的jquery条件，它只是检查一个css值，如下所示

if ($('.classname').css("width") < '60%')  {
$.lightbox($'#popupbox'), {});
$('.classname').css({
'width': '66%'
}
}

这是作为一个更大的javascript函数Easy peasy的一部分启动的，对吧？

当屏幕尺寸大于1029px 时，它工作得非常好

然而，如果没有，它似乎无法"检测"到条件是真的，它不需要触发弹出窗口，并且每次执行功能时都会反复触发弹出窗口。

我原以为这是由屏幕大小直接引起的，但不应该是，因为css值以%为单位，无论屏幕大小，它都是=>60%。

如有任何建议，我们将不胜感激。

Answer 1

从文档.css()返回一个«计算样式属性»。

对于宽度，以像素为单位。这是当前渲染的宽度。

如果你想检查一个元素的宽度是否是另一个元素宽度的60%(或更小(，你必须计算一下。类似于：

var inner_element_width = $('.inner').css("width");
var outer_element_width = $('.outer').css("width");
if (inner_element_width <= (outer_element_width * 0.6))  {
// Do something
}