ifステートメント.css 'percent'パーセントで

Question

オブジェクトが左の一定の割合である場合にのみイベントをトリガーする必要があります.jssで.css（）を使用します。 は、これまでのところ、これは私のコードです：

HTML：

<div id="midDiv"><img ..../></div> 

スクリプト：

$(document).ready(function(){ 
$("#midDiv").click(function() { 

    if($('#midDiv').css('left') === '50%') 
    { 
     $("#midDiv").animate({ 
    left: "+=70%"}, 
    { queue: false, duration: 900, easing:'swing' } 
    ); 
    } 
}); 

}); 

これは明らかに動作していないが、私が代わりに％の "PX" を使用している場合、それは動作します。 .css（）は文字列を返しますが、パーセンテージでそれを行う方法があるかどうかを知りたいと思います。私もoffset（）で試してみましたが、ピクセルでも値を返しました。

Answer 1

.css()でそのパーセンテージを取得する方法はありません。手動でそのパーセンテージを計算する必要があります。

Answer 2

これは、.cssが実際の値セットを返し、決して計算されないためです。

解決策の1つは、位置が！= staticの最も近い親を見つけるまでDOMツリーを上方に移動することです。幅を取得し、要素のオフセットをその値で除算します。

浮動小数点の性質上、必ずデルタを使用してください。