jquery - jQuery css 関数がすべてのブラウザーで機能しない

Question

この HTML、CSS、および JavaScript を考えると: http://jsfiddle.net/XvqYS/3/

Google Chrome で実行すると、警告が表示されます

10px

IE、Safari、または FireFox アラートと空の文字列で実行します。なんで？

IE9、Chrome 18.0.1025.168、FireFox 12.0、Safari 5.0.4 を使用しています。

Answer 1

などの個々のプロパティをmargin-left使用する必要があります。

すべてのプロパティを読み取る基本的な方法は次のとおりです。http://jsfiddle.net/XvqYS/8/

$(function () {
    var $main = $("#main");
    var margin = [
        $main.css('margin-top'),
        $main.css('margin-right'),
        $main.css('margin-bottom'),
        $main.css('margin-left')
    ].join(' ');
    alert(margin);
});

微調整してコンパクトな値を返すことができます。10px 10px 10px 10px-> 10px.