jquery - 如果条件不起作用？

Question

我的代码： http ://codepen.io/vincentccw/pen/qbGtF

我想测试我当前的 css left 值是否等于 3% 但 jquery 似乎没有验证....

我的 HTML：

<div id="slideHorizontal">
  this is a div
</div>

我的CSS：

#slideHorizontal{
  position:relative;
  left:3%;
}

我的 jQuery：

$('body').click(function(){
        alert("you click");

  if($('#slideHorizontal').css("left") == 3+"%"){
      alert("0");
  }

});

Answer 1

演示

var css = (Math.ceil( 100 * parseFloat($('#slideHorizontal').css("left")) / parseFloat($('#slideHorizontal').parent().css('width')) ) + '%';

css属性返回像素，因此您无法将其与%

所以我已经转换css为% 使用上面的公式

$('body').click(function () {
    alert("you click");
    var css =Math.ceil( 100 * parseFloat($('#slideHorizontal').css("left")) / parseFloat($('#slideHorizontal').parent().css('width')) ) + '%'; 
    console.log(css);
    if (css == 3 + "%") {
        alert("0");
    }
});