Question

我在Safari浏览器上遇到问题。我有一个由此排列的表头：

Color Code, Color, Size, Total Box, Total Pairs

此布局适用于Chrome，但涉及到Safari时，其安排就是：

Total Box Total Pairs, Size, Color Code, Color

请帮助。谢谢。这是我的代码。

var table = document.createElement('TABLE');
var thead = document.createElement('THEAD');
var tbody = document.createElement('TBODY');

var tr = thead.insertRow(0);
var td;

// color code header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Code');
//color name header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Color');
//color size header
td = tr.insertCell(tr.length);
$(td).attr('colspan',season.Size.length);
$(td).text('Size');
//color total pairs header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Total Pairs');
//color total box header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Total Box');

Answer 1

在safari浏览器中不是问题。您的代码中出现错误tr.length实际上没有返回长度，它会返回undefined。因此，顺序可能因浏览器而异。

http://jsfiddle.net/6mgu6goj/5/

<强>原因

tr.length

jQuery / javaScript中的Safari浏览器问题

1 个答案: