jquery - jquery .remove() 没有按预期工作

Question

我只是想从我的主页中删除页脚。

if (OBJECT.Homepage.isHomePage == true){
    jQuery('footer').remove();
}

似乎 .remove() 正在做更多的显示：无；而不是从 DOM 中实际删除节点。当我查看页面源时，页脚仍然存在 - 虽然它没有显示内容，但有一个很大的垂直滚动，好像页脚的高度仍然适用。

我认为这可能与使用页脚标签而不是#footer 有关，但是当我这样做时，我得到了相同的结果。

score 5 · Accepted Answer

<input type="button" value="remove footer"/>
<footer>test</footer>

JS：

$("input").click(function(){$("footer").remove();})

http://jsfiddle.net/9unpH/看到这个演示。它工作正常。

当我查看页面源时，页脚仍然存在

我猜你正在使用鼠标右键单击 - > View Page Source 之类的东西，如果是这样的话 - 一切都是正确的。它不会包含 JS 所做的更改，只是显示它从服务器获取的内容（甚至更多 - 浏览器可能会向服务器发送另一个请求以获取 HTML 以获取查看源代码）。

尝试使用开发者工具查看 JS 所做的更改（所有浏览器按 F12，在 FF 中可能需要安装 firebug）

有一个大的垂直滚动，好像页脚的高度仍然适用。

假设这是因为您页面上的其他一些样式，而不是因为footer

1 回答 1