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 。