高手帮忙看看火狐下运行不正常

Question

// JavaScript Document
function showUser(){
$("#userLogin").load(strOO+"User/UserLogin.asp?action=showUser");
}
$(document).ready(function(){showUser();var idl=0;idl=window.setInterval("showUser()",50000);});
//TAB选项卡
function tabit(B){
var D=new String(B.id);
var C=D.indexOf("_");
var F=D.lastIndexOf("_")+1;
var E=D.substr(0,C);
var G=parseInt(D.substr(F,1));
var A=B.parentNode.childNodes.length;
for(i=0;i<A;i++){
document.getElementById(E+"_div_"+i).style.display="none";
document.getElementById(E+"_btn_"+i).className=""}
document.getElementById(E+"_div_"+G).style.display="block";
B.className="on"}
var fodTime;
function delaytabit(A){
clearTimeout(fodTime);
fodTime=setTimeout(function(){tabit(A)},100)}
function delaytabitNew(A){clearTimeout(fodTime);
fodTime=setTimeout(function(){tabitNew(A)},100)}
function tabitNew(B){
var D=new String(B.id);
var C=D.indexOf("_");
var F=D.lastIndexOf("_")+1;
var E=D.substr(0,C);
var G=parseInt(D.substr(F,1));
var A=B.parentNode.childNodes.length;
for(i=0;i<A;i++){document.getElementById(E+"_div_"+i).style.display="none";document.getElementById(E+"_btn_"+i).className=""}
document.getElementById(E+"_div_"+G).style.display="block";
document.getElementById(E+"_btn_"+G).className="on";
}

Answer 1

LZ光帖JS这样不太清楚啊，看看火狐的错误控制台有没有报错吧。
要不
var A=B.parentNode.childNodes.length;
改成
var A=$(B).parents().children();
试试？

Answer 2

不好意思
 <h2 id="Tab1_btn_0" class="on" onmouseover="delaytabit(this)" onmouseout="clearTimeout(fodTime);">评论最多</h2>
<h2 id="Tab1_btn_1" onmouseover="delaytabit(this)" onmouseout="clearTimeout(fodTime);">最新上传</h2>
<div id="Tab1_div_0" style="display:block">
</div>
<div id="Tab1_div_1" style="display:none">
</div>      
上面是网页内容，把内容和css去掉了

Answer 3

试了，不是之前那样全部消失了，变成新出的div排在下面了，以前的不消失

Answer 4

应该是鼠标移动到Tab1_btn_1，就出现Tab1_div_1的内容，Tab1_btn_0的on样式移到Tab1_btn_1上，Tab1_div_0消失的，但现在是移动鼠标到Tab1_btn_1，Tab1_btn_0和Tab1_btn_1都有on样式，而且Tab1_div_0和Tab1_div_1都显示

Answer 5

function tabit(B){
    var D=new String(B.id);
    var E=D.replace(/(\w+)_btn_(\d+)/ig,"$1");
    var G=D.replace(/(\w+)_btn_(\d+)/ig,"$2");
    var A=$(B).parents().children().length;
    for(i=0;i<A;i++){
        $("#"+E+"_div_"+i).hide();
        $("#"+E+"_btn_"+i).removeClass()
    }
     $("#"+E+"_div_"+G).show();
     $(B).removeClass();
     $(B).addClass(on);
    }
    
    function tabitNew(B){
    var D=new String(B.id);
    var E=D.replace(/(\w+)_btn_(\d+)/ig,"$1");
    var G=D.replace(/(\w+)_btn_(\d+)/ig,"$2");
    var A=$(B).parents().children().length;
    for(i=0;i<A;i++){
     $("#"+E+"_div_"+i).hide();
     $("#"+E+"_btn_"+i).removeClass()
    }
    $("#"+E+"_div_"+G).show();
    $("#"+E+"_btn_"+G).removeClass();
    $("#"+E+"_btn_"+G).addClass(on);
}
改了你其中的两个方法。。
不保证能行。。

Answer 6

我上面写的
.addClass(on)
这个错了。
应该是
).addClass("on")

Answer 7

如果还是不行的话。
在你的JS里适当的位置加上
alert(B.parentNode.childNodes.length);
分别在火狐和IE下面看一下结果，然后看能不能自己找到错误的地方吧。

Answer 8

还有一点小小的问题哈，就是在webkit下不行，不知道为什么