jquery - .hide() 在 appendTo 之后不起作用

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();

为什么会这样？

score 3 · Accepted Answer

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

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

这是一个记录在案的 IE8 问题，您可以在此处阅读

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

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

并使用 css 以最初的形式隐藏它display: none;

1 回答 1