如何将元素的margin-left与负值进行比较

Question

使用jquery if语句的正确方法是检查边距是否比负值更负（

if(canvas.css('margin-left') <= '-200px') {
       //do something
}

Answer 1

jQuery.css()方法会返回带有“px”的 margin-left 值所以你必须使用 parseInt() 来获取整数它然后与任何有效值进行比较。

试试这个

var marginLeftValue = parseInt(canvas.css('margin-left'), 10);
if (marginLeftValue <= -200) {
       //do something
}

PS：如果您还想处理margin-left: auto的情况，那么您也应该使用它。

marginLeftValue = isNaN(marginLeftValue) ? 0 : marginLeftValue;

Answer 2

使用parseInt()将字符串转换为整数，它只返回像素值并从中移除px。

if(parseInt(canvas.css('margin-left'),10) <= -200) {
       //do something
}

Answer 3

尝试parseInt()

转换integer中的值，然后使用.isNaN()

检查它是否为有效数字

var marginLeft = parseInt(canvas.css('margin-left'), 10);
if (isNaN(marginLeft)) {
    if (marginLeft <= -200) {
        //Code here
    }
}

Answer 4

试试这个。

parseInt(canvas.css("margin-left")<='-200');