Javascript jQuery模式窗口在internet explorer中不工作

Javascript jQuery模式窗口在internet explorer中不工作,javascript,jquery,internet-explorer,modal-dialog,Javascript,Jquery,Internet Explorer,Modal Dialog,我有一个旧网站,它已经被两个网站所取代,并着手制作一个模式窗口来引导人们找到正确的网站 我只能在旧网站上提供HTML文件,而且HTML的结构不是很统一。我决定在文档的开头添加一点jQuery,在页面中添加一个模式窗口,为人们提供指向新站点的链接 这一切在Linux和Mac上的Chrome、Safari和Firefox上都可以正常工作,但在PC上的internet explorer上进行测试时,它看起来完全错误,根本不起作用。我已经打开了控制台,没有收到任何错误 $(function(){

我有一个旧网站,它已经被两个网站所取代,并着手制作一个模式窗口来引导人们找到正确的网站

我只能在旧网站上提供HTML文件,而且HTML的结构不是很统一。我决定在文档的开头添加一点jQuery,在页面中添加一个模式窗口,为人们提供指向新站点的链接

这一切在Linux和Mac上的Chrome、Safari和Firefox上都可以正常工作,但在PC上的internet explorer上进行测试时,它看起来完全错误,根本不起作用。我已经打开了控制台,没有收到任何错误

  $(function(){
    var disappear = function(){
      // window.location = window.location
      var $m = $('.modal')
      $m.eq(0).fadeOut()
      $m.hide('slow')
    }
    $('body').append(
      $("<div class='modal'>").css({
        position: 'fixed',
        width: '100%',
        height: '100%',
        backgroundColor: '#000',
        opacity: .8,
        top: 0,
        left: 0
      })).click(disappear).after($("<div class='modal'>").css({
        position: 'fixed',
        width: 600,
        // height: 300,
        backgroundColor: '#FFE',
        borderRadius: 10,
        border: "5px solid #005400",
        top: '10%',
        left: '50%',
        marginLeft: -300,
        padding: '1em',
        fontFamily: 'trebuchet ms, sans-serif'
      }).html("<h2>Please be advised</h2><p>\
The information on this website is maintained for historical purposes.<br>\
It has not been updated since 2009.<br>\
However, Tesfa Community Tourism continues to thrive.<br>\
<h3>For up to date information...</h3>\
<a href='http://tesfatours.com/?from=cbtcom' class='button green'>Book with Tesfa Tours</a>\
<a href='http://community-tourism-ethiopia.org/?from=cbtcom' class='button sand'>Community website</a>\
<a href='#' id='close' class='button'>Continue to archive site</a>\
</p>\
"))
    $('#close').css({fontSize:'12px'}).live('click',disappear);
    $('table table').eq(1).html(myString)
  })
$(函数(){
var=function(){
//window.location=window.location
变量$m=$('.modal')
$m.eq(0).衰减()
$m.hide(‘慢’)
}
$('body')。追加(
$(“”).css({
位置:'固定',
宽度:“100%”,
高度:“100%”,
背景颜色:“#000”,
不透明度:.8,
排名:0,
左:0
}))。单击(消失)。在($(“”)之后。css({
位置:'固定',
宽度:600,
//身高:300,
背景颜色:“#FFE”,
边界半径:10,
边框:“5px实心#005400”,
前几名:“10%”,
左:50%,
边缘左侧:-300,
填充:“1em”,
fontFamily:“投石机ms,无衬线”
}).html(“请注意\
本网站上的信息是出于历史目的而保存的。
\ 自2009年以来一直未更新。
\ 然而,Tesfa社区旅游业继续蓬勃发展。
\ 有关最新信息\ \ \ \

\ ")) $('#close').css({fontSize:'12px'}).live('click',demove); $('table table').eq(1).html(myString) })

任何关于此失败原因的想法都非常感谢。

尝试在CSS中使用此选项,然后告诉我--


这通常发生在IE中,当您忘记一个小字符时,例如逗号
(,)
或分号
(;)
或大括号
({})
。无论您在上面的代码中写了什么,我已经检查过了,这是正确的,但在其他一些情况下,您必须检查所有函数

我也遇到过这种类型的问题,我错过了一个函数中的。在我看来,让我们进行如下检查:

$('#close').css({fontSize:'12px'}).live('click',disappear);
    $('table table').eq(1).html(myString)
});

我在最后加了一个分号。

谢谢你的建议,但我确信这不是问题所在。淡出操作正常,但灰色表的位置错误,第二个div没有追加。实际上,我认为jQuery在幕后做了您建议的事情(在检测到浏览器后使用一种或另一种方法)。无论如何,谢谢。这可能是对的——但是我从现有页面继承了太多不好的代码——只需将内容复制出来并从头开始就会更容易——所以我永远无法确定。
$('#close').css({fontSize:'12px'}).live('click',disappear);
    $('table table').eq(1).html(myString)
});