element.css('left') returns 'auto' 即使它不在 iPhone Safari 上

Question

我有一个元素 left CSS 属性我正在尝试获取然后在 Javascript 中设置。元素有 left 属性以内联样式定义。我在检查元素时看到了它（通过 Mac 上的 Safari，充当 phone 上 Safari 的控制台）。

但是，以下函数：

console.log(getComputedStyle(reporting_table.find('thead.tableFloatingHeaderOriginal')[0]).getPropertyValue('left'));

console.log(reporting_table.find('thead.tableFloatingHeaderOriginal').css('left'));

...both return 字符串 'auto' 而不是内联样式。我在 Chrome 中尝试了相同的代码，它工作正常。为什么 Javascript 在移动版 Safari 中 return 的值不正确？

内联样式。

元素的控制台日志，及其关联的 left 属性

Answer 1

不确定它是否适用于您的情况，但您可以尝试仅选择样式属性和 css property.Also 注意，需要传递索引。在你的情况下你可以做 $(".tableFloatingHeaderOriginal")[0].style.left

var x = $(".test")[0].style.color;
console.log(x)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test" style="color:red;border:1px solid blue;width:100px;display:inline-block"> Hello</div>

element.css('left') returns 'auto' 即使它不在 iPhone Safari 上

element.css('left') returns 'auto' even though it isn't on iPhone Safari only

javascript

css

jquery

mobile-safari