Javascript webkit中的Jquery css值

使用webkit时，我无法读取外部css护套设置的值

$(document).ready(function() {
    var plate = $(document.createElement('div'))
            .css({'overflow': 'hidden',
                  'display': 'inline-block'})
            .attr('class', $(this).attr('class'))
            .addClass('bbFormerPlate');
    console.log(plate.css('paddingRight'));
    console.log(plate.css('paddingBottom'));
});

Chrome中的控制台没有显示任何内容。只是一条空线。Firefox没有问题。经过测试的Safari（Windows）也不适用，这让我相信问题出在webkit上

我试图将它添加到页面上已经定位的另一个元素中，看看这是否有什么不同

 $(positionedElement).wrap(plate);

没有变化。在Webkit上仍然不起作用，但在FF上起作用

样式声明：

.bbFormerPlate {
    padding: 2px 15px 2px 5px;
    font-size: 10px;
}

样式实际应用于页面上显示的元素，但脚本无法读取该值。我不记得我以前有过这个问题

---

任何帮助都将不胜感激。

在您的示例中，您没有在dom中插入元素，请检查此项（有效）

$（文档）.ready（函数（）{
变量板=$（''）
.css（{'overflow'：'hidden'，
“显示”：“内联块”}）
.attr（'class'，$（此）.attr（'class'））
.addClass（“bbFormerPlate”）；
$（'body'）.append（plate）；//添加了此行
console.log（plate.css（'paddingRight'））；
console.log（plate.css（'fontSize'））；
});​

---

您将console.log放在dom就绪声明之外，因此存在范围问题。plate变量只存在于该函数中。啊。。。我的错。它们实际上在ready声明中。当我写上面的例子时，我不小心把它放在了外面，我想。wrap可以做到这一点。我将进行更多的测试，然后与您联系。append（）和。appendTo（）工作正常。我会坚持下去，而不是用.wrap（）敲打我的头。非常感谢。

$(document).ready(function() {
    var plate = $('<div></div>')
        .css({'overflow': 'hidden',
              'display': 'inline-block'})
        .attr('class', $(this).attr('class'))
        .addClass('bbFormerPlate');
        $('body').append(plate); // added this line

    console.log(plate.css('paddingRight'));
    console.log(plate.css('fontSize'));
});​