Как использовать jquery append & appendTo

Question

Я пытался использовать append, чтобы помещать содержимое блока на нижнюю часть тела и отображаться с абсолютной позицией, но при отображении флажок ввода становится бесключевым в Firefox.

В чем проблема?

ЯШ:

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

Поскольку я не полностью понимаю ваш вопрос (что значит "crackable" означает?) I пойдет на очевидные вещи, чтобы упомянуть здесь.

Прежде всего, я хотел бы сказать, что в общем случае это плохая идея использовать одно и то же имя для идентификаторов и имен классов в том же документе. Даже с одним из них с большой буквы, это просто не очень приятно.

Во-вторых, HTML недопустим, потому что тег INPUT не имеет конца. Всегда проверяйте, чтобы HTML был прав (или, по крайней мере, не полностью сломан), прежде чем пытаться что-либо еще.

Answer 2

Вы: <div id="Subbox" /> и его содержание в JavaScript?

Если я правильно понял, вы ищете что-то вроде этого?

$(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, и он работает правильно.