Divs 位于另一个内，当在 Jquery 和 IE8 的外部 div 中使用 .slideDown() 时显示

Question

上面的代码在所有浏览器中都可以正常运行，但 IE8 除外，它只能在兼容模式下运行。我删除了 DIV 内的所有标记，那里有巨大的表格。 在IE8中，当我选中复选框（'rf'）时，它应该只显示两个DIVS（#frmRF和#frmAntenas），但它也显示DIV（#frmTX），如果你认为标记不好，它是由 Zend_Form 生成的，我不想为我创建的每个复选框隐藏一个。

 <script>
$('input[name="rf"]').change(function(){
    if($(this).is(':checked')){
        $("#frmRF").show();
        $("#frmAntenas").slideDown();
    }else{
        $("#frmRF").slideUp('slow');
        if(!$('input[name="tx"]').is(':checked'))
            $("#frmAntenas").slideUp('slow');
    }
});
</script>

<TABLE>
<TR>
    <TD>
        <INPUT value=0 type=hidden name=rf ><INPUT id=rf value=1 type=checkbox name=rf> <FONT class=legenda>RF</FONT>
    </TD>
</TR>
</TABLE>

<div id=frmAntenas style="display:none;">
<fieldset> 
<legend>Especificações Técnicas da Solicitante:</legend>

    <div style='margin-top: 10px' id='frmRF' style="display:none;">

    </div>

    <div style='margin-top: 10px' id='frmTX' style="display:none;">

    </div>

</fieldset> 
</div>

Answer 1

首先抱歉，我不知道如何发表评论，也没有看到任何评论按钮。
我想我已经有一段时间遇到类似的问题了，我已经关闭了 IE 的幻灯片。我认为这只是 IE 处理不好的事情..
所以我认为你应该尝试这个，看看它是否有效：

   <script>
    $('input[name="rf"]').change(function(){
    var speed  = $.browser.msie ? 0 : "slow";
        if($(this).is(':checked')){
            $("#frmRF").show();
            $("#frmAntenas").show(speed);
        }else{
            $("#frmRF").hide(speed);
            if(!$('input[name="tx"]').is(':checked'))
                $("#frmAntenas").hide(speed);
        }
    });
    </script>

我相信向上/向下滑动与显示和隐藏内容相同（“慢”），所以我对此进行了调整。

Lauw

编辑：

当我把它放到网上并将你的 HTML 更改为以下内容时，它对我有用：

<div id=frmAntenas style="display:none;">
<fieldset> 
<legend>Especificações Técnicas da Solicitante:</legend>

    <div id='frmRF' style="display:none; margin-top: 10px">

    </div>

    <div id='frmTX' style="display:none; margin-top: 10px">

    </div>

</fieldset> 
</div>

这里的事情是你在 div 上定义了两次“样式”，所以它没有捕捉到显示：none;
评论后编辑答案。
希望这能解决这个问题，

劳