如果條件不起作用？

Question

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

我想測試是否離開了我當前的CSS的值等於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

DEMO

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"); 
    } 
});