仅Mootools 1.3.2和IE8错误,对象不支持属性/方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仅Mootools 1.3.2和IE8错误,对象不支持属性/方法相关的知识,希望对你有一定的参考价值。

我的脚本仅在IE8中引发错误。我正在使用Mootools 1.3。

抛出的错误是:

对象不支持此属性/方法。

IE8调试器告诉我错误是这样的(带有**的行):

append: function(original){
    for (var i = 1, l = arguments.length; i < l; i++){
        var extended = arguments[i] || {};
        **for (var key in extended) original[key] = extended[key];**
    }
    return original;
}

上面的代码在未压缩版本的380行附近。它是Object.extend的一部分。

现在,我怀疑在对类似对象的数组进行每次处理时会发生这种情况。这是我怀疑触发此代码的代码:

var self = this,
    c = certManager.addedCerts,
    e = window.expManager.workExp,
    cA = this.cA = [],
    eA = this.eA = [];
    c.each(function(x){
        cA.push(x.value);
    });
    e.each(function(x){
        eA.push(x.retrieve('info'));
    });

第一个数组(c)仅填充数字。第二个(e)填充有正在进行存储/检索的对象。

类似数组的对象声明如下:

addedCerts = this.addedCerts = []

workExp = this.workExp = []

在它们各自的模块(certManager和expManager)中。

有人知道为什么会这样吗?

编辑:

根据要求,这是workExp的填充方式:

var r = $('resumeContent'),
                h = "<div class="contentRowRight"><a href="#" class="xHover remove" > </a><br/>" + yV + " " + mV + "</div><strong>" + pV + "</strong><br />" + cV,
                n = new Element('div', {html: h, 'class': 'contentRow'}).inject(r, 'top');
            n.getElement('.remove').addEvents({
                'click': function (e) {
                    e.preventDefault();
                    self.removeExp(this);
                },
                'mouseover': function(){
                    var el = this;
                    this.store('mO', true);
                    (function() {
                        if (el.retrieve('mO')){
                            el.fieldToolTip('Remove Experience',false,false);
                            el.store('mO', false);
                        }
                    }).delay(500);
                },
                'mouseout': function(){
                    this.store('mO', false);
                    this.removeToolTip();
                }
            });
            n.store('info', {'p': pV, 'c': cV, 'y': yV.replace(' year', '').replace('s', '').replace(' and', ''), 'm': mV.replace('month', '').replace('s', '')});
            this.workExp[this.workExp.length] = n;

我正在做的是表单的一部分。我在表单中有几个字段,您填写它们,然后单击“添加”按钮,它将创建一个新的“行”。这些行包含有关用户工作经历的信息。一旦用户添加了他所有的工作经验,他就可以继续填写表格。表单全部填写完毕后,我将遍历数组对象并将其转换为JSON对象,然后将其放入一个隐藏值并将其传递给后端。

[如果您想查看正在运行的脚本,则可以访问http://www.oilforce.com/user-signup.php。您将被迫填写第一页,即个人信息(您可以输入垃圾内容,这并不意味着您还是要提交它),然后按下3次。在第四页上,有工作经验表格。这就是上面的代码正在做的。

答案

错误是由于我的表单中存在一个字段而引起的。该字段的ID为“位置”,显然与ie8中的某些内容发生冲突。将我的字段重命名为“ pos”,现在一切似乎都可以正常工作。

另一答案

我遇到了完全相同的错误。

我的代码很简单:

alert(document.id('YouTubeFlashPlayer').get('id'));

但是它是通过MooTools类对象内的Element.addEvent()运行的。上面令人反感的方法是

.get()

好像IE8 完全忽略MooTools扩展方法,因为

document.id('YouTubeFlashPlayer')

实际上将警告HTML对象。

我快要用IE8了。我正在考虑通过

消除它
if(Browser.ie8) document.getElement('body').dispose();
另一答案

确定,我正在调试代码。.我认为您的问题是当您尝试显示验证消息的工具提示时。我的猜测是工具提示必须播放的声音存在问题。

我的建议是更改此行:

validateStep: function(x) {
 ...
 // line 6230
 this.fields[i].fieldToolTip('Your ' + names[i] + ' should be a minimum of ' + (lengths[i]+1) + ' characters.');

简单的alert()(或者可能只是注释此行)只是为了查看这是否是问题。如果这是问题,您可以禁用声音,希望您不会有此问题

祝你好运!

另一答案

如果您对项目使用编译,则可以考虑在入口点(文件)的顶部尝试

import 'core-js'

目前core-js polyfill library是提供跨浏览器支持的最简单方法

以上是关于仅Mootools 1.3.2和IE8错误,对象不支持属性/方法的主要内容,如果未能解决你的问题,请参考以下文章

使用 mootools 查找 DOM 对象是不是可见的最佳方法 [关闭]

MooTools中文介绍

奇怪的 IE8 内部 [[ class ]] 属性行为

MooTools替代Prototype

mootools

MooTools中文介绍