javascript - 为什么 jquery 似乎没有应用特定于 vendor 的 css 属性？

Question

我正在使用 jQuery 1.6.1

我的问题是我试图创建一个 DOM 元素并通过将包含样式信息的对象传递给 css() 函数来对其应用样式。它工作正常，除了 css 属性“-webkit-overflow-scrolling”，我想将其用于 iOS 设备上的 native 滚动。代码如下所示。

var windowStyles = {
        'position': 'absolute',
        'top': 0,
        'right': 0,
        'bottom': 0,
        'left': 0,
        'width': '70%',
        'height': '80%',
        'margin': 'auto',
        'background-color': '#FFFFFF',
        'border': '6px solid #CCCCCC',
        '-webkit-overflow-scrolling': 'touch'
}

var $modalWindow = $('<div>').addClass('modal-window').css(windowStyles);

$('body').append($modalWindow);

这大部分工作得很好。新的 div 使用所有列出的样式创建并添加到 DOM，但“-webkit-overflow-scrolling”属性不存在。用 jQuery 做这件事是不可能的吗？

Answer 1

您在 Chrome F12 调试工具中看到的样式包括 DOM 中的样式和CSS 文件中的任何额外样式。

看来浏览器不会在元素上存储未知样式。例如。你不能设置 $element.css("Blah", "Blah")。不会添加任何内容。

如果您在适当的浏览器中查看 DOM 设置，您可能会看到它们出现。