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

时间:2013-05-14 21:43:18

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

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

1 个答案:

答案 0 :(得分:0)

请参阅我的小提琴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#modalshttp://jqueryui.com/dialog/,它们将更易于使用,在浏览器中更加可靠,并且如果您遇到问题,他们会拥有庞大的社区群体。