jQuery css（ 'left'）は '％'の代わりに 'px'を報告します

Question

何らかの理由で今日私にはわかりませんが簡単な説明が必要です。

HTML：：

<div id="wrp">test</div> 
<div id="out">$('wrp').css('left') = <span></span></div> 

CSS：

私は絶対にPRECENTAGE値と位置付け要素のCSSの設定を決定したい場合は、jQueryのは、画素値のみ（ http://jsfiddle.net/xTUR3/2/）を返します。

#wrp { 
    position: absolute; 
    left: -150%; 
    width: 200%; 
    background-color: green; 
    height: 50%;  
} 

#out { 
    position: absolute; 
    top: 50%;  
} 

JS：

$(document).ready(function() { 
    var wrp = $('#wrp'); 
    $('#out span').html(wrp.css('left')); 
}); 

EDIT：専用のpx-to-％変換関数を記述せずにprecentage値を取得する方法があるかどうかは誰でも分かりますか？

Answer 1

you

コードのために少しのサンプル作り：

$(document).ready(function() { 
    var lft = $('#wrp').css("left")+""; 
    if (lft.match("px")) { 
     lft = (lft.split("px").join("")*1/$('#wrp').parent().width())*100; 
     if ($.browser == "msie") 
      lft = lft>0 ? Math.ceil(lft) : Math.floor(lft); 
     lft += "%";      
    } 
    $('#out span').html(lft); 
});​