我有一个 KeyBoard 插件,我正在尝试对其进行编辑。所以为了改变插件的布局,我想让它覆盖全屏。我正处于这个过程的开始,所以我想从底部删除 HTML 代码,然后将它们粘贴到文档的 body
元素的正下方。这样,我将利用屏幕属性和位置属性。像这样
$('#vboard').css('width', screen.width);
$('#vboard').css('position', 'absolute');
等等
我做了什么
我使用了 prepend 方法,将其附加到 body 元素子元素的顶部。这是我的代码
var vbrd = $('#vboard');
/* Paste it inside the HTML directory */
$('body').prepend(vbrd);
我的预期
我所期望的是,它只会创建 body 元素的一个新节点(子节点),并将 HTML 保留在它最初所属的 body 元素中。我使用的是 ASP.NET 网页,所以每个页面都是在
<div> <!-- Inside the body element -->
<!--Here-->
</div>
发生了什么
事情是这样的
发生的事情是,当我试图这样做时,它被应用到 body 上。但与此同时,它从放置它的元素中删除了 HTML 节点。
这是预期的吗?因为我到处搜索,它告诉我也使用 .remove()
方法来删除元素。但在这个场景中不需要。
最佳答案
关于javascript - 为什么 prepend 方法会从它实际所在的位置删除 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23551163/