ピクセル値として整数文字列を使用できませんか？

Question

以下のコードでは、文字列(40*(parseInt($('#2-cat').attr('id')))+1)をdivを移動するためのピクセルの高さにすることを試みています。しかし、それはうまく機能していないのですが、私は実際にはなぜか分かりません。私はコードの2つのテスト行を入れました。サーバーはこの文字列が整数であることを受け入れるようですが、私はdivの高さにそれを使用させてください。

$(document).ready(function() { 
    $('p').click(function(){ 
     //$('p').html(40*(parseInt($('#2-cat').attr('id')))+5) 
     //$("#line").animate({"top":"80px"}); 
     $("#line").animate({"top":"(40*(parseInt($('#2-cat').attr('id')))+1)px"}); 
    }); 
}); 

HTML：

<div id='line' style='height:100px; width:100px; background-color:red;position:relative'></div> 
<div id='2-cat'>hello</div> 
<p>hellos</p> 

すべてがhttp://jsfiddle.net/platypus117/XyLNG/1/

Answer 1

で見ることができますが、アニメーションの方法をあなたのトップ値の大きな文字列を渡しています。

これを処理する方法はわかりません。

最初にトップ値を計算してからアニメーションメソッドに渡す必要があります。

http://jsfiddle.net/XyLNG/3/