首先,我检查了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。
提前感谢您的帮助。
答案 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();
});
});
});
希望这可以解释你的问题!