gpt4 book ai didi

jquery - IE8下如何隐藏jQuery的嵌套表单

转载 作者:行者123 更新时间:2023-12-03 22:51:51 25 4
gpt4 key购买 nike

带有 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>

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

有人有解决办法吗?

此示例页面已尽可能减少。如果我删除 select 或其中一个 div,问题就会消失。 select 必须存在,并且表格需要嵌套在表单中,因为它将包含表单元素。

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

我之前用一个过于简化的示例发布了这个问题,该示例不可重现。谢谢您当时看到了。

最佳答案

http://api.jquery.com/detach/如果仅仅隐藏不起作用,它可能对你有用 - 它会从 dom 中删除该元素,但保存它,以便你可以根据需要重新插入它(使用 http://api.jquery.com/append/http://api.jquery.com/appendTo/ )。您还可以尝试设置可见性 css 属性 $(".content-panel").css("visibility","hidden"); 作为附加措施(请注意,这意味着该元素仍然占用空间,另请参阅 http://www.w3schools.com/css/pr_class_visibility.asp )(编辑:使用 $(".content-panel").css("visibility","visible"); 恢复)。最后但并非最不重要的一点是,你永远不知道 - 也许只是使用 show(0);hide(0); 工作,并且切换以某种方式被中断 - 不太可能,那么我再次猜测墨菲适用于这种情况。

关于jquery - IE8下如何隐藏jQuery的嵌套表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2734780/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com