为什么jquery似乎没有应用供应商特定的css属性?

Why doesn't jquery seem to be applying vendor-specific css properties?

本文关键字：css 属性 供应商 应用 jquery 为什么      更新时间：2023-09-26

我使用jQuery 1.6.1

我的问题是，我试图创建一个DOM元素，并通过传递一个包含样式信息的对象到css()函数来应用样式。它工作得很好，除了css属性'-webkit-overflow-scrolling'，我想在iOS设备上使用本机滚动。代码如下:

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?

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

似乎浏览器不会在元素上存储未知样式。e . g。不能设置$element.css("Blah", "Blah")。

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

相关文章：