如何使用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和它工作正常。