javascript - 没有实现接口(interface)元素

Question

首先，我检查了 this article它似乎并不能完全解决我遇到的问题。

我正在使用的代码看起来像这样，无论出于何种原因，它都拒绝在 Firefox 中运行，并给出错误“Window.getDefaultComputedStyle 的参数 1 未实现接口(interface)元素”。此代码旨在切换选项卡，目前可在 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。

在此先感谢您的帮助。

Answer 1

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

你可以在这里看到:http://jsfiddle.net/Au7EJ/3/您的 tabs.js 脚本会按预期运行。只对您的代码做了一处更改，因为不需要用值初始化“内容”，所以我在 fiddle 中更改了它。

$(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();
        });
    });
});

希望这对您的问题有所帮助!