這是因為在transfer-dom.js中使用了不兼容ie11以下的dataset屬性,添加以下代碼可兼容ie8+瀏覽器究反。
//兼容 transfer-dom.js中 使用了 dataset 的問題
if (window.HTMLElement) {
? ? if (Object.getOwnPropertyNames(HTMLElement.prototype).indexOf('dataset') === -1) {
? ? ? ? Object.defineProperty(HTMLElement.prototype, 'dataset', {
? ? ? ? ? ? get: function () {
? ? ? ? ? ? ? ? var attributes = this.attributes; //獲取節(jié)點的所有屬性
? ? ? ? ? ? ? ? var name = [],
? ? ? ? ? ? ? ? ? ? value = []; //定義兩個數組保存屬性名和屬性值
? ? ? ? ? ? ? ? var obj = {}; //定義一個空對象
? ? ? ? ? ? ? ? for (var i = 0; i < attributes.length; i++) { //遍歷節(jié)點的所有屬性
? ? ? ? ? ? ? ? ? ? if (attributes[i].nodeName.slice(0, 5) == 'data-') { //如果屬性名的前面5個字符符合"data-"
? ? ? ? ? ? ? ? ? ? ? ? // 取出屬性名的"data-"的后面的字符串放入name數組中
? ? ? ? ? ? ? ? ? ? ? ? name.push(attributes[i].nodeName.slice(5));
? ? ? ? ? ? ? ? ? ? ? ? //取出對應的屬性值放入value數組中
? ? ? ? ? ? ? ? ? ? ? ? value.push(attributes[i].nodeValue);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? for (var j = 0; j < name.length; j++) { //遍歷name和value數組
? ? ? ? ? ? ? ? ? ? obj[name[j]] = value[j]; //將屬性名和屬性值保存到obj中
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? return obj; //返回對象
? ? ? ? ? ? }
? ? ? ? });
? ? }
}