jQuery css函数无法在所有浏览器中运行

时间:2012-05-04 20:13:17

标签: jquery css

鉴于此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

1 个答案:

答案 0 :(得分:6)

必须使用个别属性,例如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);
});

您可以调整它以返回紧凑的value,例如。 10px 10px 10px 10px - > 10px