javascript - 灯箱覆盖在关闭后仍然存在,页面 100% 高度

标签 javascript css wordpress

嘿,我正在使用 Wordpress 和一个名为 Stockholm 的主题。

问题是每当我点击图像时,都会出现一个灯箱。当关闭灯箱或在灯箱外部单击时,我会假设较暗的覆盖层会消失,但它不会那样做。它会保留,不会让我点击其他任何地方。我找不到 js 或 css 的错误。

这是页面:

http://plaaditood.ee/portfolio_page/vaana-moisa-tolla-kuur-looduskivi-paigaldus-80-m2/

另一个问题是网页的高度。它没有足够的内容来填充 100% 的高度。使 body 的最小高度:100% 无效。

感谢您的任何回复。

最佳答案

关于灯箱未关闭灰色叠加层的问题,您的页面上似乎有两次 prettyphoto javascript。

<script type='text/javascript' src='http://plaaditood.ee/assets/themes/stockholm/js/plugins.js?ver=4.2.2'></script>

<script type='text/javascript' src='http://plaaditood.ee/assets/plugins/js_composer/assets/lib/prettyphoto/js/jquery.prettyPhoto.js?ver=4.3.4'></script>

这可能是导致问题的原因。如果在删除其中一个实例后仍然无法解决问题,您还可以仔细检查您的实现。

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation

关于页脚在没有太多内容推到底部时不停留在屏幕底部的问题,你可以试试这个: http://www.cssstickyfooter.com/

关于javascript - 灯箱覆盖在关闭后仍然存在,页面 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31028819/

相关文章:

javascript - 如何在 javascript 字符串中使用 javascript 模板而不是原始 HTML?

javascript - 强制点击空链接不移动页面焦点

wordpress - WordPress 中的 $current_user 为空

javascript - 将 ES6 导入与 CoffeeScript 和 Browserify 结合使用

javascript - 更改 innerHTML 时 Div 元素会移动

css - float 并对齐到元素的底部

html - 在输入旁边放置按钮

MySQL 因 Unresolved 内存问题而崩溃

php - 将用户信息存储在 wp 数据库中并在注册时使用单独的数据库

javascript - 如何从嵌套数组中拼接数组 - javascript