Question

我正在使用jQuery 1.6.1

我的问题是我试图通过将包含样式信息的对象传递给css（）函数来创建DOM元素并将样式应用于它。它的工作正常，除了css属性＆＃39; -webkit-overflow-scrolling＆＃39;我想在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中，但是＆＃39; -webkit-overflow-scrolling＆＃39;财产不存在。用jQuery做到这一点是不可能的吗？

Answer 1

您看到的样式说Chrome F12调试工具包括DOM中的那些以及 CSS文件中的任何额外的。

浏览器似乎不会在元素上存储未知样式。例如。你无法设置$element.css("Blah", "Blah")。什么都不会添加。

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

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

1 个答案: