javascript - 动态内容加载后扩展列表不移动页脚

标签 javascript jquery html css

我之前问过一个类似的问题并且修复成功了,但是现在由于某种原因它已经停止工作了。本质上我正在开发一个网站,您可以找到 here连同样式表 here和 javascript 文件 here .

您会注意到,当您最初在索引页面上展开元素时,页脚/容器的高度会相应地进行修改,但是当您使用左侧栏导航到另一个页面并返回到评分最高的页面时,扩展元素时,页脚/容器不会被修改并保持静态。关于我做错了什么的想法?

最佳答案

只是一个想法,不知道为什么,但这似乎源于您链接到主页的方式:

http://drue.co.uk/1site/index.html - 作品

http://drue.co.uk/1site/index.html#index.html - 不起作用

ajax 页面加载的 hashbang 方法通常被认为是不好的做法,所以我建议要么查看 history api看看你是否遇到同样的问题,或者只是直接从其他页面链接到主页,虽然这会导致整个页面重新呈现,但页面相对较小(加载时大约 250kb)所以这不应该一个大问题(大部分主页可能已经被浏览器缓存)

编辑:

由于某些原因,当通过第二个 url 导航到页面时,div 的 ID 为 inside

<div id="inside" style="height: 367px;">

这似乎已合并到您的 JS 中以用于 ajax 页面加载(页面加载后,div 的高度可能已设置,以便页面正确显示)

我建议从您的 JavaScript 中删除它并在内部 div 上使用一些 for 或 clearfix,例如使用 overflow: hidden 或任意数量的 other methods

关于javascript - 动态内容加载后扩展列表不移动页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15326176/

相关文章:

jquery - 使用 css 样式选择选项

javascript - on() 无法识别类

javascript - 如何显示使用 javascript 检查的单选按钮的文本框 onclick?

javascript - HTML Canvas 上奇怪的字体行为

javascript - 防止杀帧

javascript - 我在 javascript 中更新一个数组(键,值)对象

javascript - MVC3::从详细信息 View 中导航表,而不是单击表中的详细信息链接

JavaScript 动态改变 CSS 背景样式

javascript - JavaScript中如何处理 float 精度?

php - 来自服务器的 Jquery 文件选择器