1
我想添加一些旧的浏览器支持我的库文件garlicjs.org。如何实现IE8等效的node.localName <=?
我发现我的主要功能getPath
一个依赖于localName
即上IE8 <不受支持=
在这种功能,我需要获取唯一标识符字符串用于通过我的LIB绑定每个DOM元素,更重要的是,不依赖于ID,类别或名称。
我可以管理:为旧的IE浏览器支持这个属性,或者使用所有浏览器支持的另一个属性,可以管理这个属性,它具有与此功能相同的效果。
谢谢!
下面是代码:
/* retuns an unique identifier for form elements, depending on their behaviors:
* radio buttons: domain > pathname > form.<attr.name>[:eq(x)] > input.<attr.name>
no eq(); must be all stored under the same field name inside the same form
* checkbokes: domain > pathname > form.<attr.name>[:eq(x)] > [fieldset, div, span..] > input.<attr.name>[:eq(y)]
cuz' they have the same name, must detect their exact position in the form. detect the exact hierarchy in DOM elements
* other inputs: domain > pathname > form.<attr.name>[:eq(x)] > input.<attr.name>[:eq(y)]
we just need the element name/eq() inside a given form
*/
, getPath: function() {
// Requires one element.
if (this.$element.length != 1) {
return false;
}
var path = ''
, fullPath = this.$element.is('input[type=checkbox]')
, node = this.$element;
while (node.length) {
var realNode = node[0]
, name = realNode.localName;
if (!name) {
break;
}
name = name.toLowerCase();
var parent = node.parent()
, siblings = parent.children(name);
// don't need to pollute path with select, fieldsets, divs and other noisy elements,
// exept for checkboxes that need exact path, cuz have same name and sometimes same eq()!
if (!$(realNode).is('form, input, select, textarea') && !fullPath) {
node = parent;
continue;
}
// set input type as name + name attr if exists
name += $(realNode).attr('name') ? '.' + $(realNode).attr('name') : '';
// if has sibilings, get eq(), exept for radio buttons
if (siblings.length > 1 && !$(realNode).is('input[type=radio]')) {
name += ':eq(' + siblings.index(realNode) + ')';
}
path = name + (path ? '>' + path : '');
// break once we came up to form:eq(x), no need to go further
if ('form' == realNode.localName) {
break;
}
node = parent;
}
return 'garlic:' + document.domain + (this.options.domain ? '*' : window.location.pathname) + '>' + path;
}