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（将 / edit 添加到网址以编辑演示版）

在Firefox 3.0.8和IE6中测试，它可以正常工作。

如何使用jquery append＆amp; appendTo

2 个答案: