弹出窗口内的内容不显示在 IE 9 中答案

【问题标题】：content inside popup not display in IE 9弹出窗口内的内容不显示在 IE 9 中
【发布时间】：2013-05-14 21:43:17
【问题描述】：

div里面的内容在ie9中不显示，在所有其他浏览器中都显示？

<div id="element_to_pop_up2"   style="z-index:9999999">

    <a href="#" class="b-close">x</a>

     **There will be Delay with shipping this week.**
    </div>

   $(document).ready(function () {
       $('#element_to_pop_up2').bPopup({
              speed: 650,
              transition: 'slideIn'
       });
    });

【问题讨论】：

澄清一下；弹出窗口出现但没有内容？还是没有弹窗？
弹出窗口来了..但是 IE9 中没有内容。这就是问题所在。
使用一个插件，让创作者知道他们在做什么？说真的，弹出窗口页面上的示例代码都是错误的......如果弹出窗口在那里但没有内容，请尝试将文本包装在 p 标签中。
是的，您应该在他们的页面上使用 IE9 测试插件，以确保它不是第 3 方的错误。否则，您在加载页面或单击弹出触发器时是否遇到任何 JS 错误？
嗨 rick 我正在使用这个插件：jquery.bpopup.min.js。它在所有浏览器 excpet IE9 中都能正常工作。

标签： jquery html css internet-explorer-9 bpopup

【解决方案1】：

请参阅我的小提琴http://jsfiddle.net/rYLu8/1/，我在其中复制了您的代码，并从 JS 中复制了代码（因为无法直接从 GitHub 提供）

$(document).ready(function () {
   $('#element_to_pop_up2').bPopup({
          speed: 650,
          transition: 'slideIn'
   });
});

它似乎在 FF、Chrome 和 IE9 上对我“有效” - 但是我不会将其描述为在任何情况下都“正常工作”，因为它似乎只有在您调整窗口大小后才会使内容居中，这不会没道理。

总之，我猜你的代码有问题，但我强烈建议你看看更好的东西（并且没有一些幼稚的标语），例如http://twitter.github.io/bootstrap/javascript.html#modals 或http://jqueryui.com/dialog/，它们会是更易于使用，跨浏览器更可靠，并且他们拥有庞大的社区，如果遇到困难，您可以询问。

【讨论】：