jQueryでpaddingの値を取得するときにiOS5で少しだけハマった

jQueryでpaddingの値を取得するときにiOS5で少しだけハマったのでメモとしてブログに書きます。

単純にpaddingの値を整数値で取得するために、以下のように書きました。

var padding = parseInt($('#target').css('padding'), 10);

iPhone5のiOS 6.1.4だと問題なく取得できていたので問題ないと思っていたのですが、iPhone4のiOS 5.1.1で見てみると表示がiOS 6.1.4で見てみた時と異なっていたので、いろいろ試してみたところ上記のpaddingの取得の書き方だとiOS 5.1.1だとNaNが返ってきていました。

iOS 6.1.4の場合

10が返ってきているので取得できている

iOS 5.1.1の場合

NaNが返ってきた

blog2.jpg

結果

以下ののように、paddingをpadding-topにして問題解決。

var padding = parseInt($('#target').css('padding-top'), 10);

iOS6ではpaddingでも取得できましたが、iOS5ではできなかったという話でした。