jquery 大于/小于只查看第一个数字？

Question

我有一个拖动脚本，我在其中拖动 div.slider，我正在跟踪 div.slider 的“左”值，并在它大于 68 时让它淡出，但问题是它当它达到 6 而不是 68 时淡出。如果我将数字更改为 85，那么它将在 8 而不是 85 时淡出。有谁知道为什么会发生这种情况？

$(document).ready(function() {

  $(".slider").mousemove(function() {
   var rightStyleValue = $('div.slider').css('left');
   $('.display_value').html(rightStyleValue);

      if ($('.slider').css('left') > 68 + 'px') {
              $('.container').fadeOut(500);   
      }   

  });
});

Answer 1

字符串是 compared lexicographically 。通过将像素值转换为整数来尝试进行数值比较:

if (parseInt($('.slider').css('left')) > 68) {
    // …
}