appendTo后，.hide（）无法正常工作

Question

我有以下代码在IE8上正常工作：

$("<div class='divButtons'>").appendTo( $(".widget_header") );
$(".divButtons").html( "(close), (min), (max)" );

但是，如果我添加.hide，而不是隐藏.divButtons，则会隐藏整个.widget_header。

例如：

$("<div class='divButtons'>").appendTo( $(".widget_header") );
$(".divButtons").html( "(close), (min), (max)" ).hide();

为什么会这样？

Answer 1

您没有关闭div标签，因此您的HTML将无效，导致所有div的边界变得歪斜。试试这个：

$("<div class='divButtons'></div>").appendTo( $(".widget_header") );
$(".divButtons").html( "(close), (min), (max)" ).hide();

这是一个有关here

的IE8问题

此外，您还可以通过执行以下操作来创建更简洁，优化的代码：

$("<div class='divButtons'>(close), (min), (max)</div>").appendTo( $(".widget_header"));​

使用css最初以display: none;

的形式隐藏它

这是fiddle demo的