Webkit中的jQuery CSS值

Question

使用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;
}

樣式實際上應用於頁面上顯示的元素，但腳本無法讀取該值。 我不記得我以前有過這個問題。

任何幫助，將不勝感激。

Answer 1

在您的示例中，您沒有將元素插入dom中，請選中此復選框（有效）

$(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'));
});​

演示。