如何在IE8下隐藏jQuery中的嵌套表单

Rdb*_*ost 6 jquery internet-explorer-8

包含包含表格的表单的div的html段:

<!DOCTYPE html>
<html> <!-- xmlns="http://www.w3.org/1999/xhtml" lang="en" -->
<head>
    <style type="text/css">
    #content{position:relative}
    table {border-color:#999;border-style:solid}
    </style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>
    <button onclick="javascript:$('.content-panel').toggle();">Toggle</button>
    <div id="content">
        <div class="content-panel">
            <form action='' method='post'>
                <select> 
                    <option>a </option>
                </select>

                <table>
                    <tr><td>ABCDEF</td></tr>
                </table>
            </form>
        </div>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

切换按钮应该隐藏表单及其嵌套表,但在IE8下不会这样做.(版本8.0.60001)表单内容被隐藏,但表边框继续显示,并保留其大小.它与标准模式有关; 它在怪癖模式中消失了.

有人有解决方法吗?

这个示例页面减少了大约我可以减少它.如果我删除选择或任何一个div,问题就会消失.必须存在select,并且表需要嵌套在表单中,因为它将包含表单元素.

该页面位于:http: //dev.rdbhost.com/rdbadmin/mainProbDemo.html

我之前使用过于简化的示例发布了此问题,该示例无法重现.谢谢你,如果你看了它.

lan*_*ons 1

为什么你的 onclick 处理程序中有 javascript: schema 声明?

<button onclick="$('.content-panel').toggle();">Toggle</button>
Run Code Online (Sandbox Code Playgroud)