没有实现接口元素

时间:2014-07-23 20:12:11

标签: javascript jquery firefox polymer

首先,我检查了this article,但似乎并没有解决我遇到的问题。

我正在使用的代码看起来像这样,无论出于什么原因,它拒绝在Firefox中运行并且给出错误“Window.getDefaultComputedStyle的Argument 1没有实现接口元素”。此代码旨在切换标签,目前可以在testing.worldwidejamie.com找到。

这是我的完整代码:

$(document).ready(function(){

    var content = undefined;

    $('#tabs .tab-list li').each(function(){

    $(this).on('click',function() {

        // buttons
        $(this).addClass('active').siblings().removeClass('active');
        // content

        if(content !== undefined){
            content.hide();
        }

        var currentAttrValue = $("a", this).attr('href');
        content = $(currentAttrValue);

        content.show(); 


        });
    });

});

这适用于Chrome,Safari和IE的最新版本,但不适用于Firefox。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

选项卡的代码可以正常运行。问题实际上在您的 platform.js 脚本中。在通过Firebug检查页面的控制台输出后,脚本在该脚本内部中断。

您可以在此处看到:http://jsfiddle.net/Au7EJ/3/您的 tabs.js 脚本按预期运行。只对代码进行了一次更改,因为无需初始化内容'有价值的,所以我在小提琴中改变了它。

$(document).ready(function () {
    var content; // just a declaration is enough here
    $('#tabs .tab-list li').each(function () {
        $(this).on('click', function () {
            // buttons
            $(this).addClass('active').siblings().removeClass('active');
            // content
            if (content !== undefined) {
                content.hide();
            }
            var currentAttrValue = $("a", this).attr('href');
            content = $(currentAttrValue);
            content.show();
        });
    });
});

希望这可以解释你的问题!