jquery - jQuery css 函数不适用于所有浏览器

Question

鉴于此 HTML、CSS 和 JavaScript：http: //jsfiddle.net/XvqYS/3/

如果您在 Google Chrome 上运行它，它会发出警报

10像素

在 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。