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

這是爲什麼發生？

Answer 1

你不關閉你的div標籤，並讓你的HTML將是無效的，導致所有的div的界限變得歪斜。試試這個：

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

：

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

這是你可以閱讀有關here

成文IE8問題，而且這一點，您可以通過執行以下命令來創建更簡潔，優化的代碼

用css把它初步隱藏起來display: none;

這是fiddle demo它的