Question

此页面可在IE8 +，FF，Safari等中使用。只有IE7才会出现问题。有谁知道为什么？

第一个问题是页面内容没有显示在页面加载的选项卡下面，在所有其他浏览器中都没问题 - 在IE7中，需要单击第一个选项卡项以显示内容。

其次，如果单击顶部的选项卡，然后单击选项卡标题右侧的帮助按钮，则帮助部分会向下展开。在所有其他浏览器上，它会消耗掉并按预期将下面的内容推送到下方。在IE7上，它向下扩展，但下面的其他内容消失了，为什么会发生这种情况。

尝试了各种ie7特定的CSS黑客，但无法弄清楚所以我想知道我的jQuery是否有问题？以下是控制扩展部分的部分：

// close helps
$(".helpClose").click(function(){
$(".help").hide('slow');
$(".helpTrigger").removeClass('hover')
});

// help Project
$(".helpTrigger").click(function(){    
    if (location.hash == '#Project') {
    $("#helpProject").slideToggle();
    return false;
    }
    if (location.hash == '#Rainfall') {
    $("#helpRainfall").slideToggle();
    return false;
    }
    if (location.hash == '#Drainage') {
    $("#helpDrainage").slideToggle();
    return false;
    }
    if (location.hash == '#Evaluate') {
    $("#helpEvaluate").slideToggle();
    return false;
    }
    if (location.hash == '#Attenuation') {
    $("#helpAttenuation").slideToggle();
    return false;
    }
});

我用来控制所有内容的完整jQuery脚本（在HTML的底部调用）是here：

Answer 1

@First issue：已经尝试过$（document）.ready（）？如果您的DOM准备就绪，这可能有助于显示第一个容器内容。

@Second Issue：首先，我看到$（“。helpTrigger”）之后缺少分号.removeClass（'hover'）即在javascript非常不容忍......

为什么我的选项卡窗格不能在IE7中初始化？ IE7中的jQuery Tools选项卡问题

1 个答案: