2011-05-17 125 views
2

我没有看到任何回答这个问题。目前我使用模式设置为true的Jquery UI对话框。jQuery模态窗口关闭对话框中的Internet Explorer 8兼容性模式

  $("#popup").dialog 
     ({ 
      height: 550, 
      width: 750, 
      modal: true, 
      autoOpen: false, 
      position: 'top', 
      title: "Popup", 
      resizable: false, 
      closeOnEscape: false, 
      closeText: "", 
      open: function(type, data) { 
       $(this).parent().appendTo('form:first'); 
      } 
     }); 
    } 

弹出作品,正确的火灾,但同时IE 8可比性模式下,它变灰的一切,包括弹出框。它看起来覆盖了所有内容,并且无法点击任何内容。我希望别人打这个,并有一个想法。

UPDATE

貌似做一个真正的简单化测试页后,这是从,我需要使用一个母版未来的CSS问题。 css力量的位置:相对而言,这似乎是问题所在。既然不能编辑母版的CSS,我不是把这个代码

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" > 

迫使浏览器不使用兼容模式为我的网页,它似乎是工作。

感谢您的意见和时间!

+0

听起来像一个CSS问题;你的CSS中有没有什么可以阻止jquery-ui(或覆盖'ui-widget-overlay'类的任何东西)的正确样式的#popup元素?其他可能有助于了解的事情包括您是否看到IE8向javascript开发人员工具抛出错误,以及您正在运行的是哪个版本的jquery-ui。 – jlmcdonald 2011-05-17 20:20:08

+0

jQuery的UI版本是1.8.7,唯一的地方,我看到的UI小部件的覆盖是在jQuery UI的CSS,的.ui小部件叠加{位置:绝对的; top:0;左:0;宽度:100%;身高:100%; }和.ui-widget-overlay {background:#aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png)50%50%repeat-x;不透明度:.30;过滤器:Alpha(不透明度= 30); }。 IE8开发人员工具不会抛出任何我看到的错误。 – user758072 2011-05-17 20:52:34

回答

0

我去jsFiddle,并试图在FF4.01,铬11,IE8你的代码,IE8兼容模式(IE7),他们都似乎工作。

退房的working jsFiddle demo

$("#popup").dialog(
{ 
    height: 550, 
    width: 750, 
    modal: true, 
    autoOpen: true, 
    position: 'top', 
    title: "Popup", 
    resizable: false, 
    closeOnEscape: false, 
    closeText: "", 
    open: function (type, data) { $(this).parent().appendTo('form:first'); } 
}); 
+0

对不起,我遇到问题时设置为true。我一直不得不将它设置为false来使网站正常工作。 – user758072 2011-05-17 20:21:05

+0

你在那个jsFiddle中看到了这个问题吗?我无法重现你的错误。 – 2011-05-17 20:21:45

+0

我在那里没有同样的问题。所以也许我的网页还有其他的东西。我会试着制作一个真正愚蠢的版本来测试。 – user758072 2011-05-17 20:53:41

2

我有同样的问题,不幸的是,我还需要在每一页的兼容模式。 最后,我发现了这个解决方法:

open: function(type, data) { 
    $(this).parent().appendTo('form:first'); 
    $('.ui-widget-overlay').appendTo('form:first'); 
}