如何使用jquery append＆appendTo

Question

我試圖使用append將塊內容放在主體底部並以絕對位置顯示，但顯示時，輸入複選框在Firefox上不可點擊。

什麼問題？

JS：

var box = $('#subbox'); 
box.css('top', 200); 
box.css('left', 300);  
$(document.body).append(box); 

HTML：

<div id="Subbox" class="subbox"> 
    <input type="checkbox" checked="checked"> 
    </div> 

CSS：

.subbox { 
position:absolute !important; 
z-index: 5 !important; 
background-color: #eee; 
padding: 5px; 
margin:0px; 
margin-top:0px; 
border:1px solid #ccc; 
} 

Answer 1

因爲我不完全理解你的問題（什麼是 「被破解」 的意思嗎？）我將在這裏提到明顯的事情。

首先，我想說的是，一般來說，在同一個文檔中爲ID和類名使用相同的名稱是一個壞主意。即使他們中的一個有大寫字母，它也不是很好。

其次，HTML無效，因爲INPUT標記沒有結尾。在嘗試其他任何事情之前，一定要確保HTML是有效的（或者至少沒有完全破壞）。

Answer 2

您是否在JavaScript中生成了<div id="Subbox" />及其內容？

如果我理解正確，您是否在尋找類似的東西？

$(function() { 

    var cssObject = { top: 200, left: 300 } 

    $('<div id="Subbox" class="subbox">') 
     .append('<input type="checkbox" checked="checked"/>') 
     .css(cssObject) 
     .appendTo(document.body); 

}); 

Working Demo here（添加/編輯到URL編輯演示）

測試在Firefox 3.0.8和IE6和它工作正常。