jquery - 弹出窗口中的内容不显示在 IE 9 中

Question

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'
       });
    });

Answer 1

看我的 fiddle 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/ ，它们将更易于使用，跨浏览器更可靠，并且它们拥有庞大的社区，您可以询问是否遇到困难。