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

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