Bootstrap 3 模态背景使用 Turbolinks 变得更暗答案

【问题标题】：Bootstrap 3 Modal backdrop getting darker with TurbolinksBootstrap 3 模态背景使用 Turbolinks 变得更暗
【发布时间】：2013-09-14 15:40:39
【问题描述】：

我在 rails4 上使用带有 Bootstrap 3 Modal 组件的 Turbolinks。如果我刷新并打开页面，模态背景将是正常的。但是，当我打开其他页面时，模态背景不透明度会变得越来越暗，我假设当 Turbolinks 在另一个页面中加载时不透明度没有重置。我试图找到背景元素，但看起来不透明度是由 javascript 动态生成的。有没有人看到同样的问题？解决方法是什么？

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap ruby-on-rails-4 twitter-bootstrap-3 turbolinks

【解决方案1】：

查看 html 源代码。我敢打赌，您没有隐藏模式，并且仍然显示覆盖。所以，当有更多的叠加层打开时，它看起来会变暗。

【讨论】：

我打开网站，多次点击，然后第一次打开模态框时，也会出现同样的情况，背景会太暗。我还对模态背景进行了 jquery 搜索，没有。我认为背景是使用“.modal-open”在body标签上生成的。不是一个单独的元素。
其实我错了。我再次查看，发现在脚本标签之后生成了一堆“模态背景”div。我可以手动删除它们，但是当我打开另一个模式时这无济于事。它将再次生成那些。理论上我可以通过观察modal:shown 事件来移除所有多余的背景，但我想知道这是否是根本原因。
您是否在 page:shown 上添加事件处理程序？也许您在更改页面时多次添加它，所以 modal.show 被多次调用？
naa，那不是它.. 我记得我有同样的问题。也许这有帮助 - stackoverflow.com/questions/11519660/…
感谢圣诞老人的帮助！我找到了问题。

【解决方案2】：

解决了这个问题： Rails 4 Turbolinks make form submit multiple times

看起来有人聪明地将 javascript 移动到正文中以防止页面在加载过多 js 时被阻止，而 turbolinks 会在每次呈现新页面时将这些 js 加载到页面中。

【讨论】：